/* WebmontonMedia Responsive v3 Copyright 2015 Webmonton Ltd. */

/* Reset DNN */
h2.wtitle .Head {margin-bottom:0px;}

/* ------------------------------------------- */
/* Accent Style 1 */
.waccent-style-1 .wcontainerhead { border-bottom: 6px solid #777;margin-bottom:1.2rem;}
/* ------------------------------------------- */
/* Boxed Header */
.wboxed-header .wcontainerhead { padding: 12px 1rem;}
.wboxed-header h2.wtitle { margin-bottom:.1rem;}
/* ------------------------------------------- */
/* Boxed Header Border */
.wboxed-header-border .wcontainerhead { padding: 12px 1rem;}
.wboxed-header-border h2.wtitle { margin-bottom:.1rem;}
/* ------------------------------------------- */
/* Boxed Fancy 1 */
.wboxed-fancy-1 .wcontainerhead {padding: 12px 7px;}
.wboxed-fancy-1 .wWaveAbove {top: -1px;position: relative;}
.wboxed-fancy-1 .wWaveAbove path {stroke-width:0;}
.wboxed-fancy-1 .wWaveBelow {top: -20px;position: relative;}
.wboxed-fancy-1 .wWaveBelow path {stroke-width:0;}
.wboxed-fancy-1 .wSmoothCurveDown {position: relative; background:transparent;top:-1px;}
.wboxed-fancy-1 .wSmoothCurveDown path {stroke-width:0;}
.wboxed-fancy-1 .wPointerDownInverse {position: relative; top:-1px;}
.wboxed-fancy-1 .wPointerDownInverse path {stroke-width:0;}
.wboxed-fancy-1 .wTriangleDownInverse {top: -6px;position: relative;}
.wboxed-fancy-1 .wTriangleDownInverse path {stroke-width:0;}
/* ------------------------------------------- */
/* Boxed Fancy 2 */
.wboxed-fancy-2 .wcontainerhead { padding: 12px 7px;}
.wboxed-fancy-2 .wWaveAbove {top: 0px;position: relative;}
.wboxed-fancy-2 .wWaveAbove path {stroke-width:0;}
.wboxed-fancy-2 .wWaveBelow {top: -20px;position: relative;}
.wboxed-fancy-2 .wWaveBelow path {stroke-width:0;}
.wboxed-fancy-2 .wSmoothCurveUp {position: relative;top:-1px;}
.wboxed-fancy-2 .wSmoothCurveUp path {stroke-width:0;}
.wboxed-fancy-2 .wPointerDownInverse {position: relative;top:-1px;}
.wboxed-fancy-2 .wPointerDownInverse path {stroke-width:0;}
.wboxed-fancy-2 .wTriangleDownInverse {position: relative;top:-1px;}
.wboxed-fancy-2 .wTriangleDownInverse path {stroke-width:0;}
/* ------------------------------------------- */
/* Color Box Fancy */
.wcolor-box-fancy .wWaveAbove {top: 0px;position: relative;}
.wcolor-box-fancy .wWaveAbove path {stroke-width:2px;}
.wcolor-box-fancy .wWaveBelow {top: 2px;position: relative;}
.wcolor-box-fancy .wWaveBelow path {stroke-width:0;}
.wcolor-box-fancy .wSmoothCurveUp {position: relative;top:2px;}
.wcolor-box-fancy .wSmoothCurveUp path {stroke-width:0;}
.wcolor-box-fancy .wSmoothCurveDown {position: relative;top:-1px;}
.wcolor-box-fancy .wSmoothCurveDown path {stroke-width:0;}
.wcolor-box-fancy .wPointerDown {position: relative;top:-1px;}
.wcolor-box-fancy .wPointerDown path {stroke-width:0;}
.wcolor-box-fancy .wPointerDownInverse {position: relative;top:-1px;}
.wcolor-box-fancy .wPointerDownInverse path {stroke-width:0;}
.wcolor-box-fancy .wTriangleDown {position: relative;top:-1px;width:100%;}
.wcolor-box-fancy .wTriangleDown path {stroke-width: 2px;}
.wcolor-box-fancy .wTriangleDownInverse {position: relative;top:2px;}
.wcolor-box-fancy .wTriangleDownInverse path {stroke-width:0;}
/* ------------------------------------------- */
/* Image Background Fancy */
.wimage-background-fancy .wWaveAbove {top: 0px;position: relative;}
.wimage-background-fancy .wWaveAbove path {stroke-width:2px;}
.wimage-background-fancy .wWaveBelow {top: 2px;position: relative;}
.wimage-background-fancy .wWaveBelow path {stroke-width:0;}
.wimage-background-fancy .wSmoothCurveUp {position: relative;top:2px;}
.wimage-background-fancy .wSmoothCurveUp path {stroke-width:0;}
.wimage-background-fancy .wSmoothCurveDown {position: relative;top:-1px;}
.wimage-background-fancy .wSmoothCurveDown path {stroke-width:0;}
.wimage-background-fancy .wPointerDown {position: relative;top:-1px;}
.wimage-background-fancy .wPointerDown path {stroke-width:0;}
.wimage-background-fancy .wPointerDownInverse {position: relative;top:-1px;}
.wimage-background-fancy .wPointerDownInverse path {stroke-width:0;}
.wimage-background-fancy .wTriangleDown {position: relative;top:-1px;width:100%;}
.wimage-background-fancy .wTriangleDown path {stroke-width: 2px;}
.wimage-background-fancy .wTriangleDownInverse {position: relative;top:2px;}
.wimage-background-fancy .wTriangleDownInverse path {stroke-width:0;}
/* ------------------------------------------- */
/* Footer Container */
.wfooter-container { padding: 0px 12px 0px 12px; min-height: 60px; }
.wfooter-container .wcontent { padding: 5px 2px 5px 2px; }
/* ------------------------------------------- */
/* Image Back Container */
.wimage-background-1,
.wimage-background-2,
.wimage-background-3, 
.wimage-background-4,
.wimage-background-fancy {background-position: center top;background-repeat: no-repeat;background-size: cover;}
.wimage-background-2, 
.wimage-background-4 {padding:5%;}
.wimage-background-1-inner, 
.wimage-background-2-inner, 
.wimage-background-3-inner, 
.wimage-background-4-inner,
.wimage-background-fancy-inner {background-color:rgba(0,0,0,0.4);}
/* ------------------------------------------- */
/* ------------------------------------------- */
/* adjust padding for all */
.waccent-style-1 .wcontent,
.waccent-style-2 .wcontent,
.wboxed .wcontent,
.wboxed-app-style-1 .wcontent,
.wboxed-app-style-no-title .wcontent,
.wboxed-no-title .wcontent,
.wboxed-header .wcontent,
.wboxed-header-border .wcontent,
.wboxed-fancy-1 .wcontent,
.wboxed-fancy-2 .wcontent,
.wcolor-box .wcontent,
.wcolor-box-fancy .wcontent,
.wimage-background-fancy .wcontent,
.wcolor-box-no-title .wcontent,
.wh1-container .wcontent,
.wh2-container .wcontent,
.wh3-container .wcontent,
.wno-title .wcontent,
.wimage-background-1-inner,
.wimage-background-2-inner,
.wimage-background-3-inner,
.wimage-background-4-inner {padding:1.8rem;} 

/* adjust margin for all, will override layout gutter set in skin */
.waccent-style-1,
.waccent-style-2,
.wboxed,
.wboxed-app-style-1,
.wboxed-app-style-no-title,
.wboxed-no-title,
.wboxed-header,
.wboxed-header-border,
.wboxed-fancy-1,
.wboxed-fancy-2,
.wcolor-box,
.wcolor-box-fancy,
.wcolor-box-no-title,
.wh1-container,
.wh2-container,
.wh3-container,
.wno-title,
.wimage-background-1,
.wimage-background-2,
.wimage-background-3,
.wimage-background-4,
.wimage-background-fancy {margin: 0rem;} 

/* adjust text-align on fancy containers */
.waccent-style-1 h2.wtitle,
.waccent-style-2 h2.wtitle,
.wboxed-fancy-1 h2.wtitle,
.wboxed-fancy-2 h2.wtitle,
.wcolor-box-fancy h2.wtitle,
.wimage-background-fancy h2.wtitle,
.wimage-background-1-inner,
.wimage-background-2-inner,
.wimage-background-3-inner,
.wimage-background-4-inner,
.wimage-background-fancy-inner {text-align:center;}

/* adjust border where used */
.wboxed,
.wboxed-app-style-1, 
.wboxed-app-style-no-title,
.wboxed-no-title,
.wboxed-header-border,
.wboxed-fancy-1,
.wboxed-fancy-2,
.wcolor-box,
.wcolor-box-no-title,
.wimage-background-3,
.wimage-background-4 { border: 2px solid #73B249;}

.waccent-style-1 .wcontainerhead {border-color:#73B249;}

/* adjust border radius where used */
.wboxed,
.wboxed-app-style-1,
.wboxed-app-style-no-title,
.wboxed-no-title,
.wboxed-header .wcontainerhead, 
.wboxed-header-border, 
.wboxed-fancy-1,
.wboxed-fancy-2,
.wcolor-box,
.wcolor-box-no-title,
.wimage-background-3,
.wimage-background-3-inner,
.wimage-background-4,
.wimage-background-4-inner {border-radius:12px;}

.wboxed-header-border .wcontainerhead,
.wboxed-fancy-1 .wcontainerhead,
.wboxed-fancy-2 .wcontainerhead {border-radius:12px 12px 0px 0px}

/* adjust box shadow where used */
.wboxed,
.wboxed-app-style-1,
.wboxed-app-style-no-title,
.wboxed-no-title,
.wboxed-header-border,
.wboxed-fancy-1,
.wboxed-fancy-2,
.wcolor-box,
.wcolor-box-no-title,
.wimage-background-3,
.wimage-background-4
 {box-shadow: 0px 6px 6px 0px rgba(0,0,0,0.1);margin-bottom:.7rem;} 

/* adjust darker background color where used */
.wboxed-header .wcontainerhead,
.wboxed-header-border .wcontainerhead,
.wboxed-fancy-1 .wcontainerhead,
.wboxed-fancy-1 .wWaveAbove,
.wboxed-fancy-1 .wWaveBelow,
.wboxed-fancy-1 .wPointerDownInverse,
.wboxed-fancy-1 .wTriangleDownInverse,
.wcolor-box,
.wcolor-box-no-title { background-color: #73B249;}

/* adjust background url where used */
.wboxed-fancy-2 .wcontainerhead,
.wboxed-fancy-2 .wWaveAbove,
.wboxed-fancy-2 .wWaveBelow,
.wboxed-fancy-2 .wSmoothCurveUp,
.wboxed-fancy-2 .wPointerDownInverse,
.wboxed-fancy-2 .wTriangleDownInverse,
.wcolor-box-no-title,
.wcolor-box-fancy,
.wcolor-box-fancy .wWaveAbove,
.wcolor-box-fancy .wWaveBelow,
.wcolor-box-fancy .wSmoothCurveUp,
.wcolor-box-fancy .wSmoothCurveDown,
.wcolor-box-fancy .wPointerDown,
.wcolor-box-fancy .wPointerDownInverse,
.wcolor-box-fancy .wTriangleDown,
.wcolor-box-fancy .wTriangleDownInverse {background:#777777 url(../../skins/Webmo18-OP-Chalkboard/img/chalkboard-bg-02.jpg);background-attachment: fixed;}

/* adjust lighter color where used */
.wboxed-header h2.wtitle,
.wboxed-header h2.wtitle .Head,
.wboxed-header-border h2.wtitle,
.wboxed-header-border h2.wtitle .Head,
.wboxed-fancy-1 h2.wtitle,
.wboxed-fancy-1 h2.wtitle .Head,
.wboxed-fancy-2 h2.wtitle,
.wboxed-fancy-2 h2.wtitle .Head,
.wcolor-box h2.wtitle,
.wcolor-box h2.wtitle .Head,
.wcolor-box .wcontent,
.wcolor-box .wcontent p,
.wcolor-box .wcontent a:link,
.wcolor-box .wcontent a:visited,
.wcolor-box-fancy h2.wtitle,
.wcolor-box-fancy h2.wtitle .Head,
.wcolor-box-fancy .wcontent,
.wcolor-box-fancy .wcontent p,
.wcolor-box-fancy .wcontent h1,
.wcolor-box-fancy .wcontent h2,
.wcolor-box-fancy .wcontent h3,
.wcolor-box-fancy .wcontent a:link,
.wcolor-box-fancy .wcontent a:visited,
.wcolor-box-no-title .wcontent,
.wcolor-box-no-title .wcontent p,
.wcolor-box-no-title .wcontent a:link,
.wcolor-box-no-title .wcontent a:visited {color:#f7f7f7;}

/* adjust lighter background where used */
.wboxed,
.wboxed-app-style-1,
.wboxed-app-style-no-title,
.wboxed-no-title,
.wboxed-header-border,
.wboxed-fancy-1,
.wboxed-fancy-2 {background: #f7f7f7;}

/* adjust lighter SVG fill where used */
.wboxed-fancy-1 .wWaveAbove path,
.wboxed-fancy-1 .wWaveBelow path,
.wboxed-fancy-1 .wSmoothCurveDown path,
.wboxed-fancy-1 .wPointerDownInverse path,
.wboxed-fancy-1 .wTriangleDownInverse path,
.wboxed-fancy-2 .wWaveAbove path,
.wboxed-fancy-2 .wWaveBelow path,
.wboxed-fancy-2 .wSmoothCurveUp path,
.wboxed-fancy-2 .wPointerDownInverse path,
.wboxed-fancy-2 .wTriangleDownInverse path {fill: #f7f7f7;}

/* adjust page color SVG fill where used */
.wcolor-box-fancy .wWaveAbove path,
.wcolor-box-fancy .wWaveBelow path,
.wcolor-box-fancy .wSmoothCurveUp path,
.wcolor-box-fancy .wSmoothCurveDown path,
.wcolor-box-fancy .wPointerDown path,
.wcolor-box-fancy .wPointerDownInverse path,
.wcolor-box-fancy .wTriangleDown path,
.wcolor-box-fancy .wTriangleDownInverse path,
.wimage-background-fancy .wWaveAbove path,
.wimage-background-fancy .wWaveBelow path,
.wimage-background-fancy .wSmoothCurveUp path,
.wimage-background-fancy .wSmoothCurveDown path,
.wimage-background-fancy .wPointerDown path,
.wimage-background-fancy .wPointerDownInverse path,
.wimage-background-fancy .wTriangleDown path,
.wimage-background-fancy .wTriangleDownInverse path {fill: #fff;}
.wcolor-box-fancy .wWaveAbove path,
.wcolor-box-fancy .wTriangleDown path,
.wimage-background-fancy .wWaveAbove path,
.wimage-background-fancy .wTriangleDown path {stroke: #fff;}

/*#region Quick Teal*/
/*.wboxed-header .wcontainerhead,
.wboxed-header-border .wcontainerhead,
.wboxed-fancy-1 .wcontainerhead,
.wboxed-fancy-1 .wWaveAbove,
.wboxed-fancy-1 .wWaveBelow,
.wboxed-fancy-1 .wPointerDownInverse,
.wboxed-fancy-1 .wTriangleDownInverse,
.wcolor-box,
.wcolor-box-no-title,
.wboxed-fancy-2 .wcontainerhead,
.wboxed-fancy-2 .wWaveAbove,
.wboxed-fancy-2 .wWaveBelow,
.wboxed-fancy-2 .wSmoothCurveUp,
.wboxed-fancy-2 .wPointerDownInverse,
.wboxed-fancy-2 .wTriangleDownInverse,
.wcolor-box-fancy,
.wcolor-box-fancy .wWaveAbove,
.wcolor-box-fancy .wWaveBelow,
.wcolor-box-fancy .wSmoothCurveUp,
.wcolor-box-fancy .wSmoothCurveDown,
.wcolor-box-fancy .wPointerDown,
.wcolor-box-fancy .wPointerDownInverse,
.wcolor-box-fancy .wTriangleDown,
.wcolor-box-fancy .wTriangleDownInverse {background-color:#05bfc6;}

.wboxed, 
.wboxed-no-title,
.wboxed-header-border,
.wboxed-fancy-1,
.wboxed-fancy-2,
.wcolor-box,
.wcolor-box-no-title,
.wimage-background-3,
.wimage-background-4,
.waccent-style-1 .wcontainerhead  { border-color:#05bfc6;}*/


/*#endregion*/

/*#region Quick Red */
/*.wboxed-header .wcontainerhead,
.wboxed-header-border .wcontainerhead,
.wboxed-fancy-1 .wcontainerhead,
.wboxed-fancy-1 .wWaveAbove,
.wboxed-fancy-1 .wWaveBelow,
.wboxed-fancy-1 .wPointerDownInverse,
.wboxed-fancy-1 .wTriangleDownInverse,
.wcolor-box,
.wcolor-box-no-title,
.wboxed-fancy-2 .wcontainerhead,
.wboxed-fancy-2 .wWaveAbove,
.wboxed-fancy-2 .wWaveBelow,
.wboxed-fancy-2 .wSmoothCurveUp,
.wboxed-fancy-2 .wPointerDownInverse,
.wboxed-fancy-2 .wTriangleDownInverse,
.wcolor-box-fancy,
.wcolor-box-fancy .wWaveAbove,
.wcolor-box-fancy .wWaveBelow,
.wcolor-box-fancy .wSmoothCurveUp,
.wcolor-box-fancy .wSmoothCurveDown,
.wcolor-box-fancy .wPointerDown,
.wcolor-box-fancy .wPointerDownInverse,
.wcolor-box-fancy .wTriangleDown,
.wcolor-box-fancy .wTriangleDownInverse {background-color:#a41700;}

.wboxed, 
.wboxed-no-title,
.wboxed-header-border,
.wboxed-fancy-1,
.wboxed-fancy-2,
.wcolor-box,
.wcolor-box-no-title,
.wimage-background-3,
.wimage-background-4,
.waccent-style-1 .wcontainerhead  { border-color:#a41700;}*/


/*#endregion*/

/* ------------------------------------------- */
/* Responsive */
/* ------------------------------------------- */

@media screen and (max-width:480px) {

/* center headings for mobile */
.waccent-style-1 h2.wtitle,
.waccent-style-2 h2.wtitle,
.wboxed h2.wtitle,
.wboxed-app-style-1 h2.wtitle,
.wboxed-header h2.wtitle,
.wboxed-header-border h2.wtitle,
.wboxed-fancy-1 h2.wtitle,
.wboxed-fancy-2 h2.wtitle,
.wcolor-box h2.wtitle,
.wcolor-box-fancy h2.wtitle,
.wimage-background-fancy h2.wtitle,
.wh1-container h1.wtitle,
.wh2-container h2.wtitle,
.wh3-container h3.wtitle {text-align:center;}

/* adjust padding for mobile */
.waccent-style-1 .wcontent,
.waccent-style-2 .wcontent,
.wboxed .wcontent,
.wboxed-app-style-1 .wcontent,
.wboxed-app-style-no-title .wcontent,
.wboxed-no-title .wcontent,
.wboxed-header .wcontent,
.wboxed-header-border .wcontent,
.wboxed-fancy-1 .wcontent,
.wboxed-fancy-2 .wcontent,
.wcolor-box .wcontent,
.wcolor-box-fancy .wcontent,
.wimage-background-fancy .wcontent,
.wcolor-box-no-title .wcontent,
.wh1-container .wcontent,
.wh2-container .wcontent,
.wh3-container .wcontent,
.wno-title .wcontent,
.wimage-background-1-inner,
.wimage-background-2-inner,
.wimage-background-3-inner,
.wimage-background-4-inner {padding:.3rem;}    

/* adjust photo border containers */
.wimage-background-2,
.wimage-background-4 {padding:2%;}

}

/* override .wboxed-app-style-1 for special look */
.wboxed-app-style-1, .wboxed-app-style-no-title {border-radius:3px;background:#fcfcfc;border-color:#ececec;}
.wboxed-app-style-1 .wcontent, .wboxed-app-style-no-title .wcontent {padding:.8rem;}
.wboxed-app-style-1 h2.wtitle {border-bottom: 25px solid #02741a;padding-bottom: 10px;margin-bottom: 12px;}