/* ==========================================================================
     Project:     Mary Martin
     Date:        04/08/2021 - File created	
     Created by:  Third Wave Digital (www.thirdwavedigital.com)
========================================================================== */

/* ==========================================================================
     Typograpy
========================================================================== */

body {font-family: montserrat, sans-serif;font-weight:300}
h1, .h1, h2, .h2, h3,h4,h5,h6,.h3,.h4,.h5,.h6, .text-large {font-family: montserrat, sans-serif;line-height: 1}
h1, .h1 {font-weight:400}
h2, .h2 {font-family: baskerville-urw, serif;font-weight:500; color: #6A2202}
h3, .h3 {color: #BC7201;font-weight: 700}
.text-large {line-height: 1.4}
p {font-size: .875rem;line-height: 1.9}
.small {line-height: 1.4;}
b, strong {font-weight: bold}

/* ==========================================================================
     Main Layout
========================================================================== */ 

/* Grid */
.container-fluid {max-width: 1400px; padding-left: 30px; padding-right: 30px;}

/* Links */
a {color: #BC7201;text-decoration: underline;}
a:hover { text-decoration: none;color: #6A2202}
.page-wrapper a:focus, .page-wrapper input:focus, .page-wrapper select:focus, .page-wrapper button:focus-visible {outline: 5px auto #FFB500;}
.page-wrapper button:focus {box-shadow:none}

/* Images */
img {max-width: 100%; height: auto}

/* Forms */
input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-results-button,input[type="search"]::-webkit-search-results-decoration {-webkit-appearance:none;}

/* Skip */
.skip {position:absolute;top:-1000px;left:15px;width:auto;height:auto;text-align:center;overflow:hidden;transition:.25s;background:#6A2202; width:auto;height:auto;overflow:visible;padding:10px;color:#fff;font-weight:500;font-size:.875rem;z-index:9999;text-decoration:underline}
     .skip:active,.skip:focus,.skip:hover{left:15px;top:15px;color: #fff;}

/* Header */
header {position: relative; z-index:2; background: url(/img/bg-ochre-bottom.png ) -50px bottom repeat-x;background-size: calc(100% + 100px) auto}
     header .container-fluid {position:relative;}

     /* Header menus */
     .headermenu ul {margin: 0px; padding: 0px; list-style:none;}
     .headermenu a {text-decoration: none;}
     .headermenu .btn {margin:0px;font-weight: 500}
     .headermenu a:not(.btn) {color: #fff}

     .headermenu .mainmenu {font-weight: 500;margin-top: 10px;text-transform: uppercase}
     .headermenu .mainmenu > li {position: relative;padding: 0px 15px 30px 15px} 
     .headermenu .mainmenu > li:last-child { margin-right: 0px}
     .headermenu .mainmenu > li.show {display: inline-block !important}
     .headermenu .mainmenu > li:hover > a:not(.btn), .headermenu .mainmenu > li > a:not(.btn):focus  {color: #fff}
     .headermenu .mainmenu > li > a:not(.btn)::after {content: ""; position: absolute; height:2px; width: 0px; top: 30px; opacity: 0; background: #fff; border-radius: 2px; left:50%; right: 50%; margin:auto; transition: all ease-in-out .25s}
     .headermenu .mainmenu > li:hover a:not(.btn)::after, .headermenu .mainmenu > li.active > a:not(.btn)::after {left: 0px; right: 0px; opacity: 1; width: 100%; }

	/* Header menu dropdowns */
	.headermenu .mainmenu ul {text-align:left; z-index:1; text-transform: none; background: #6A2202;font-size: 0.813rem; border-radius: 5px; font-weight: 500; pointer-events:none; width: 200px;top:45px;position: absolute; left: 50%; margin-left: -100px;opacity: 0; visibility: hidden; transition: all 300ms ease;}
          .headermenu .mainmenu ul::before {content:""; position: absolute; top: -5px; left: 50%; margin-left: -5px; width: 0px; height: 0px;border-left: 5px solid transparent;border-right: 5px solid transparent;border-bottom: 5px solid #6A2202;}
          .headermenu .mainmenu ul.active {opacity:1;top: 45px; pointer-events: all;visibility: visible;}
          
          .headermenu .mainmenu li:first-child ul {left: 0px;margin:0px}
          .headermenu .mainmenu li:first-child ul::before {left: 30px;margin:0px}
          .headermenu .mainmenu ul li:not(:last-child) {border-bottom: 1px solid rgba(0,0,0,.06)}
          .headermenu .mainmenu ul li:first-child a {border-radius: 5px 5px 0px 0px}
          .headermenu .mainmenu ul li:last-child a {border-radius: 0px 0px 5px 5px}
          .headermenu .mainmenu ul li:last-child {border-bottom:none;}
          .headermenu .mainmenu ul a { display:table;padding: 10px; line-height: 1.2; color: #fff;width:100%}
          .headermenu .mainmenu ul a:hover, .headermenu .mainmenu ul a:focus {background: rgba(0,0,0,.2); color: #fff }
          .headermenu .mainmenu ul .fa {opacity: .3; font-size: .875rem; margin-right: 5px;display:table-cell;width:15px}

          header .btn-toggle-offcanvas {position: absolute; right: 0px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);}

 /* Offcanvas menu */
.offcanvasmenu {position:fixed; height: 100%; top: 0px;background: #fff; overflow-x:hidden; overflow-y:auto; z-index:3}
     .offcanvasmenu .mainmenu {list-style:none; margin: 0px; padding:0px; font-size: .875rem;}
     .offcanvasmenu .mainmenu > li:not(:last-child) {border-bottom: 1px solid #e5e5e5; position: relative;text-transform: uppercase; font-weight: 700}
     .offcanvasmenu .mainmenu a:not(.btn) {height: 48px; color: #1D1D1B; display: block; padding: 0px 15px;text-decoration: none; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items:center;}
     .offcanvasmenu .mainmenu a:not(.btn):hover, .offcanvasmenu .mainmenu a:not(.btn):focus {background: rgba(0,0,0,.05); color:#1D1D1B; }
     .offcanvasmenu .mainmenu li a[aria-haspopup] {margin-right: 47px;}
     .offcanvasmenu .mainmenu li .fa-angle-right {margin-right: 10px}
     .offcanvasmenu .mainmenu li .fa-angle-down {font-size: 1.25rem; transition: transform 200ms ease-in-out}
     .offcanvasmenu .mainmenu li .fa-angle-down.rotate {-webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg)}
     .offcanvasmenu .mainmenu li ul {list-style:none; background: #f9f9f9; color: #1D1D1B;margin: 0;font-size:.875rem; padding: 0px; text-transform:none;visibility: hidden; overflow:hidden; height: 0px; transition: all 500ms ease}
     .offcanvasmenu .mainmenu li ul li { font-weight: 400; margin-bottom: 0px;}
     .offcanvasmenu .mainmenu li ul a {padding: 5px 15px;height:auto}

     .offcanvasmenu .mainmenu li.active a:hover, .offcanvasmenu .mainmenu li.active a:focus, .offcanvasmenu .mainmenu li.active a {background:#6A2202; color: #fff;text-decoration:none;}
     .offcanvasmenu .mainmenu li.active li a {color: #1D1D1B;  white-space: normal; background:none}
     .offcanvasmenu .mainmenu li.active li a:hover, .offcanvasmenu .mainmenu li.active li a:focus {color: #1D1D1B; background: rgba(0,0,0,.05)}

     .offcanvasmenu .mainmenu li ul.active {visibility: visible;}

     .offcanvasmenu .mainmenu .btn-white-border {margin: 15px; width: calc(100% - 30px); border:none; background: #FFB500}

     .offcanvasmenu .btn-toggle-dropdown {position: absolute; top: 3px; right:3px; width: 42px; height:42px;padding: 0px;border-radius: 0px; border: none; background: none;border-left: 1px solid #e5e5e5;}
     .offcanvasmenu .btn-toggle-dropdown:hover, .offcanvasmenu .btn-toggle-dropdown:focus {}

     .offcanvasmenu .bg-grey {border-bottom: 3px solid #BC7201; height: 63px; padding: 5px;  display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items:center;}
     .offcanvasmenu form {position: relative; height: 35px;width: 100%}
     .offcanvasmenu form .btn {color: #666; width: 35px; height: 35px; padding: 0px; position: absolute; top: 0px;right: 10px; border-radius: 0px;background:none}
     .offcanvasmenu form .btn:hover, .offcanvasmenu form .btn:focus {color: #1D1D1B}
     .offcanvasmenu form .btn span {margin: 4px 0px -4px 0px}
     .offcanvasmenu form input {height: 36px; position: absolute; top: 0px; font-size: 16px; left: 0px; width: 100%;  border: 1px solid #e2e2e2; padding: 0px 45px 0px 15px;border-radius: 18px;}
     .offcanvasmenu form input::-ms-clear {display:none}

     /* Webkit's scrollbar */
     .offcanvasmenu::-webkit-scrollbar {-webkit-appearance: none;width:5px;}
     .offcanvasmenu::-webkit-scrollbar-track-piece {margin: 15px 0px;}
     .offcanvasmenu::-webkit-scrollbar-thumb {border-radius: 4px;background-color: rgba(0,0,0,.3);}

     /* Offcanvas animation */
     .page-wrapper {transition: transform 500ms ease;}
     .page-wrapper::before {content:""; position: absolute; left: 0px; top: 60px; width: 100%;  height: 100%; opacity:0; z-index:-1;background:rgba(0,0,0,0.5); transition: opacity 450ms ease}
     .offcanvas-open {overflow:hidden}
     .offcanvas-open .page-wrapper::before { z-index:1; opacity: 1;}

/* Footer */
footer {color: #fff; margin-top: -40px;}
     footer .logo img {width: 150px}
     footer hr {border-top: 1px solid #fff}
     footer a {color: #fff}
     footer .form-control {border-radius: 8px}
     footer .social a {background: rgba(255,255,255,.2); transition: background 250ms ease; font-size: 1.125rem; width: 45px; height: 45px;  border-radius: 50%; line-height: 45px; text-align:center;display:block}
     footer .social a:hover, footer .social a:focus {background: rgba(255,255,255,.3) }

     .admin-edit footer {margin-top: 50px}

/* Search */
.search-wrapper {position: fixed; top: 0px; left: 0px; right: 0px; bottom: 0px; background: rgba(0,0,0,.5);z-index:-1; opacity: 0; visibility: hidden; transition: opacity 300ms ease}
     .search-open body {overflow:hidden}
     .search-open .search-wrapper {visibility: visible; opacity: 1; z-index: 1}
     .search-wrapper .btn-closesearch {position: absolute; top: 15px; right: 15px; padding: 0px; height: 40px; width: 40px;}
     .search-wrapper .btn-closesearch::before { content: '';height: 40px;border-left: 2px solid #fff;position: absolute;transform: rotate(-45deg);left: 18px;top: 0px;}
     .search-wrapper .btn-closesearch::after { content: '';height: 40px;border-left: 2px solid #fff;position: absolute;transform: rotate(45deg);left:18px;top: 0px}
     .search-wrapper form {position: relative; height: 100px;width: 100%; max-width: 600px;margin:auto}
	.search-wrapper form .btn {color: #BC7201; width: 100px; height: 100px; padding: 0px; position: absolute; top: 0px;right: 0px; border-radius: 0px;background:none;font-size: 1.8rem;}
	.search-wrapper form .btn:hover, .search-wrapper form .btn:focus {color: #4A1903}
     .search-wrapper form .btn span {-webkit-text-stroke: 2px #fff}
	.search-wrapper form input {height: 100px; position: absolute; top: 0px; left: 0px; width: 100%;  border: none; padding: 10px 45px 10px 30px;border-radius: 0px;font-size: 1.5rem}
	.search-wrapper form input::-ms-clear {display:none}

/* Submenu */
.submenu {font-size: .875rem; transition: opacity 500ms ease}
     .submenu.active {visibility: visible;opacity: 1; overflow:visible; }
     .submenu li {position: relative;}
     .submenu a {display:block;background:#F2f2f2; border-bottom: 1px solid #fff; padding: 12px 15px; text-decoration:none; transition: background 200ms ease}
     .submenu a:hover, .submenu a:focus {color:#1D1D1B; background: rgba(0,0,0,.1);}
     .submenu li.active a {background: #1D1D1B; color: #fff; font-weight: 700}

/* Hamburgers */
.btn-hamburger {border-radius: 0px; height: 36px;margin:0;padding:5px;transition-timing-function:linear;transition-duration:.15s;transition-property:opacity,filter;text-transform:none;color:inherit;border:0;}
     .hamburger-box {position: relative;display: inline-block;width: 24px;height: 24px;}
     .hamburger-inner,.hamburger-inner:after,.hamburger-inner:before{position:absolute;width:24px;height:2px;transition-timing-function:ease;transition-duration:.15s;transition-property:transform;border-radius:4px;background-color:#fff}
     .hamburger-inner{top:50%;display:block;transition-timing-function:cubic-bezier(.55,.055,.675,.19);transition-duration:.22s;}
     .hamburger-inner:after,.hamburger-inner:before{display:block;content:"";}
     .hamburger-inner:before{transition:top .1s ease-in .25s,opacity .1s ease-in; top:-8px;}
     .hamburger-inner:after{transition:bottom .1s ease-in .25s,transform .22s cubic-bezier(.55,.055,.675,.19); bottom:-8px;}
     .btn-hamburger.active .hamburger-inner{transition-delay:.12s;transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:rotate(-225deg)}
     .btn-hamburger.active .hamburger-inner:before{top:0;transition:top .1s ease,opacity .1s ease .12s;opacity:0}
     .btn-hamburger.active .hamburger-inner:after{bottom:0;transition:bottom .1s ease,transform .22s cubic-bezier(.215,.61,.355,1) .12s;transform:rotate(90deg)}

/* Masthead */
.masthead-wrapper {}
     .masthead-wrapper img {position: relative; z-index: -1}
     .admin-edit .masthead-wrapper {z-index: unset; position: static;min-height:100px; padding-top: 130px}

/* ==========================================================================
     Templates
========================================================================== */ 

/* Homepage */
.homepage {}
     .homepage .section-hero .cms-slideshow .item {min-height: unset !important}   /* Remove min height set from cms slideshow plugin */
     .homepage .section-hero .cms-slideshow .slick-controls {position: absolute; bottom:35px; left: 30px; margin: auto; max-width: 1200px}
     .homepage .section-hero .cms-slideshow .slick-dots {list-style:none;padding: 0px; margin:0px;position: relative; bottom: auto; left: auto; right: auto;}
	.homepage .section-hero .cms-slideshow .slick-dots li {display:inline-block;margin: 0px 5px;padding: 0px;}
	.homepage .section-hero .cms-slideshow .slick-dots button {background:#fff; opacity: .75; width: 10px; height: 10px; border-radius:50%;}
	.homepage .section-hero .cms-slideshow .slick-dots .slick-active button {background: #FFB500; opacity: 1}

     .homepage .section-hero .cms-slideshow-overlay img {position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%);z-index:1}
     .homepage .section-hero .cms-slideshow-overlay ul {position: absolute; bottom: 15px; right: 30px;z-index: 1; text-align: right;}
     .homepage .section-hero .cms-slideshow-overlay ul a {color: #fff;  text-decoration:none;}
     .homepage .section-hero .cms-slideshow-overlay ul li:first-child {font-style: italic;margin-bottom:10px; font-size: .938rem}
     .homepage .section-hero .cms-slideshow-overlay ul li:first-child a:hover,  .homepage .section-hero .cms-slideshow-overlay ul li:first-child a:focus {text-decoration: underline;}
     .homepage .section-hero .cms-slideshow-overlay ul li + li a {background: rgba(255,255,255,.2); transition: background 250ms ease; font-size: 1.063rem; width: 35px; height: 35px;  border-radius: 50%; line-height: 35px; text-align:center;display:block}
     .homepage .section-hero .cms-slideshow-overlay ul li + li a:hover, .homepage .section-hero .cms-slideshow-overlay ul li + li a:focus {background: rgba(255,255,255,.3) }

     .homepage .section-testimonials .slick-prev, .homepage .section-testimonials .slick-next {background: #BC7201; opacity: 1;border-radius: 50%; width: 27px; height: 27px;}
     .homepage .section-testimonials .angle {height: 10px; width: 10px}
     .homepage .section-testimonials .angle-left {margin-left: 10px;}
     .homepage .section-testimonials .angle-right {margin-left: 7px;}
     .homepage .section-testimonials .slick-prev {left: 30px}
     .homepage .section-testimonials .slick-next {right: auto;}
     .homepage .section-testimonials .cms-slideshow:before, .homepage .section-testimonials .cms-slideshow:after {z-index: 1; content:""; position: absolute; width: 90px; height: 90px; background: url(/img/quote.svg) center center no-repeat;background-size: contain;}
     .homepage .section-testimonials .cms-slideshow:before {top: -20px; left: 50px;}
     .homepage .section-testimonials .cms-slideshow:after {-webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg)}
     
     .homepage .section-portfolio::before {background: url(/img/lines.svg) center center no-repeat; background-size: 100% auto; width: 100%; height: 100%; position: absolute; content:""; top: 0px; left: 0px;z-index: 0}

/* Blog Slideshow */
     .blog-slideshow {position: relative;}
          .blog-slideshow .slick-controls {position: absolute; bottom: -50px; left: 0px; right: 0px;text-align:center}
          .blog-slideshow .slick-prev,  .blog-slideshow .slick-next {background: #BC7201; opacity: 1;border-radius: 50%; width: 27px; height: 27px;border: none;}
          .blog-slideshow .angle {border: 1px solid white;border-width: 0px 0px 2px 2px;width: 10px; height:10px;display:block;}
          .blog-slideshow .angle-left {-webkit-transform: rotate(45deg); -ms-transform: rotate(45deg);transform: rotate(45deg);margin-left: 10px;}
          .blog-slideshow .angle-right {-webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg);transform: rotate(-135deg);margin-left: 5px;}
          .blog-slideshow .angle-left {margin-left: 4px;}
          .blog-slideshow .angle-right {margin-left: 1px;}
          .blog-slideshow .slick-controls .slick-prev {position: absolute; left: 0px; top: -20px}
          .blog-slideshow .slick-controls .slick-next {position: absolute; right: 0px; top: -20px;}
          .blog-slideshow .slick-controls .slick-dots {padding:0px; margin-top: -20px; text-align:center}
          .blog-slideshow .slick-controls .slick-dots li {display:inline-block; padding: 0px 6px}
          .blog-slideshow .slick-controls .slick-dots button { opacity:1;width: 10px; height: 10px; display:block; border-radius: 50%;border:none; padding: 0px; background: #BC7201}
          .blog-slideshow .slick-controls .slick-dots .slick-active button {background: #FFB500}
          .blog-slideshow .slick-controls .slick-dots button:focus {outline: none}

/* ==========================================================================
     CMS Classes & Components
========================================================================== */

/* Text */
.text-orange {color: #FFB500}
.text-ochre {color: #BC7201}
.text-sienna {color: #6A2202}
.text-dark-sienna {color: #4A1903}
.text-large {font-size: 115%}
.text-default {color: #212529}

.font-weight-500 {font-weight: 500}

/* Links */
.link-orange {text-decoration: none; border-bottom: 2px solid #FFB500}
     .link-orange:hover, .link-orange:focus {border-bottom: 2px solid #BC7201}

/* Buttons */
.btn {text-decoration: none;}
.btn-orange, .btn-white-border { text-decoration:none; padding: 8px 50px; transition:all  150ms ease; position: relative;border-radius: 8px; text-align:center; border:none;font-family: montserrat, sans-serif; font-weight:700}
     .btn-orange:hover, .btn-white-border:hover {-webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05);}
     
     .btn-orange {background: #FFB500; color: #fff}
          .btn-orange:hover, .btn-orange:focus {background:#BC7201; color: #fff}

     .btn-white-border {background: none; border: 1.5px solid #fff; color: #fff;}
          .btn-white-border:hover, .btn-white-border:focus {background: rgba(0,0,0,.1); color: #fff}
          
/* Backgrounds */
.bg-orange {background:#FFB500}
.bg-ochre {background: #BC7201}
.bg-sienna {background: #6A2202}
.bg-dark-sienna {background: #4A1903}
.bg-seashell {background: #D4CDC4}

.bg-top-white {background: url(/img/bg-white-top.png ) -50px top repeat-x;background-size: calc(100% + 400px) auto}

.bg-top-seashell, .bg-top-ochre, .bg-top-orange, .bg-top-sienna {position: relative;}
     .bg-top-seashell::after, .bg-top-ochre::after, .bg-top-orange::after, .bg-top-sienna::after {content:""; position: absolute; z-index: -1; top: 100px; left: 0px; width: 100%; height: 100%; }

.bg-top-seashell {background: url(/img/bg-seashell-top.png) -50px top repeat-x; background-size: calc(100% + 100px) auto; }
     .bg-top-seashell::after {background:#D4CDC4}

.bg-top-ochre {background: url(/img/bg-ochre-top.png) -50px top repeat-x; background-size: calc(100% + 100px) auto; }
     .bg-top-ochre::after {background:#BC7201}

.bg-top-orange {background: url(/img/bg-orange-top.png) -50px top repeat-x; background-size: calc(100% + 100px) auto; }
     .bg-top-orange::after {background: #FFB500}

.bg-top-sienna {background: url(/img/bg-sienna-top.png) -50px top repeat-x; background-size: calc(100% + 100px) auto; }
     .bg-top-sienna::after {background: #6A2202}

/* Borders & Lines */
.border-white {border: 2.5px solid #fff}

.rounded-lg {border-radius: 10px !important}

/* Images */
.img-fit img {position: absolute; top: 0px; left: 0px; width: 100%; min-height: 300px; height: 100%; object-fit:cover;}
     .img-fit p {margin: 0px;display:inline} /* CKeditor might have wrapped the image with a <p> tag */
     .img-fit-top-center img {object-position: top center; font-family: "object-fit: cover; object-position: top center;"}
     .img-fit-bottom-center img {object-position: bottom center; font-family: "object-fit: cover; object-position: bottom center;"}
     .img-fit-center-center img {object-position: center center; font-family: "object-fit: cover; object-position: center center;"}
     .img-fit-right-center img {object-position: right center; font-family: "object-fit: cover; object-position: right center;"}

.img-overlay {position: relative;z-index:0}
     .img-overlay h4 {opacity: 0; transition: opacity 250ms ease; position: absolute; z-index: 1; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}
     .img-overlay img {z-index: -1}
     .img-overlay::before {content:""; opacity: 0; transition: opacity 500ms ease; position: absolute; z-index: 0; background: rgba(255,255,255,.7); border-radius: 10px; left: 0px; width: 100%; top: 0px; height: 100%;}
     .img-overlay:hover h4, .img-overlay:hover::before {opacity:1}

     .admin-edit .img-overlay::before {content:none}
     .admin-edit .img-overlay:hover h4 {opacity: 0;}
     .admin-edit .img-overlay .stretched-link::after {content:none}

.img-gallery {z-index:0}
     .img-gallery::before {content:""; position: absolute; z-index: 1; bottom: 0px; left: 0px; width: 100%; height: 150px; background: linear-gradient(0deg, rgba(0,0,0,.8) 0%, rgba(0,0,0,0) 150px);}
     .img-gallery .cms-slideshow, .img-gallery .cms-slideshow .slick-track, .img-gallery .cms-slideshow .slick-list {height:100% !important;}
     .img-gallery .cms-slideshow .slick-controls {position: absolute; bottom:20px; left: 30px; right: 30px; margin:auto;z-index:2}
     .img-gallery .cms-slideshow .slick-dots {list-style:none;padding: 0px; margin:0px;position: relative; bottom: auto; left: auto; right: auto;}
	.img-gallery .cms-slideshow .slick-dots li {display:inline-block;margin: 0px 5px;padding: 0px;}
	.img-gallery .cms-slideshow .slick-dots button {background:#fff; opacity: .75; width: 8px; height: 8px; border-radius:50%;}
	.img-gallery .cms-slideshow .slick-dots .slick-active button {background: #FFB500; opacity: 1}

     .img-gallery-aside {position: relative; z-index: 1}

/* Spacing */
.mb-6 {margin-bottom: 3.5rem}
.mt-6 {margin-top: 3.5rem}
.my-6 {margin-top: 3.5rem;margin-bottom: 3.5rem}
.mb-7 {margin-bottom: 5rem}
.mt-7 {margin-top: 5rem}
.my-7 {margin-top: 5rem;margin-bottom: 5rem}

/* Cards */
.services-card {border:none; border-radius: 10px; overflow:hidden}
     .services-card a {text-decoration: none;}
     .services-card .card-img-top {overflow:hidden;max-height: 250px}
     .services-card img {transition: transform 500ms ease;}
     .services-card:hover img {-webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1)}

.pricing-card {}
     .pricing-card .card-header {background: url(/img/bg-pricing-card-header.png) center center no-repeat; background-size: 100% 100%;}


/* Indexes */
.z-index-1 {z-index: 1}
.z-index-0 {z-index: 0}

/* Shadows  */
.shadow-sm { box-shadow: 0px 0px 5px 0px rgba(0,0,0,.25) !important}

/* Animations - AOS */
[data-aos=fade-up] { transform:translate3d(0,50px,0)}
[data-aos=fade-down] { transform:translate3d(0,-25px,0)}

/* CMS Plugins */
.cms-blog .page-item.active .page-link, 
.page-wrapper .btn-primary,
.cms-tabs .nav-pills .nav-link.active, 
.cms-tabs .nav-pills .show>.nav-link,
.page-wrapper .btn-primary:hover, 
.page-link:hover,
.cms-stepper .step .active .badge,
.cms-newspress-main .badge-primary,
.cms-calendar .bg-primary, .cms-blog .badge-primary {background: #BC7201; border: none}

.page-wrapper .text-primary {color: #FFB500 !important}

.cms-stepper {}
     .cms-stepper .step .badge {border-color: #FFB500 !important}

.cms-slideshow {}
     .cms-slideshow .btn-primary {background: #fff; color: #FFB500;box-shadow: 0px 0px 10px 0px rgba(0,0,0,.25);}

.cms-newspress-main {}
     .cms-newspress-main a {color: #212120;}

/* ==========================================================================
     Media Queries
========================================================================== */

/* Min Width */
@media (min-width: 0px) {	
     /* Typography */
     h1, .h1 {font-size: 2rem}
     h2, .h2 {font-size: 2rem}
     h3, .h3, .text-large {font-size: 1.5rem}

     /* Header */
     header {height: 80px}
     header .logo img {height:50px}
     header .container-fluid {padding-left: 15px; padding-right: 15px;}

     /* Offcanvas animation */
	.offcanvasmenu {width: 80%;right: -80%}
	.offcanvas-open .page-wrapper {-webkit-transform: translateX(-80%); -ms-transform: translateX(-80%); transform: translateX(-80%);}

     /* Homepage */
     .homepage .section-hero .cms-slideshow .slick-track {height: 450px} /* Negates adaptiveHeight on cms slideshow plugin */
     .homepage .section-hero .cms-slideshow-overlay img {width: 250px}
     .homepage .section-testimonials .slick-next {left: calc(100% - 57px)}
     .homepage .section-testimonials .cms-slideshow:after {bottom: 280px; right: 50px}
     .homepage .section-testimonials .slick-prev, .homepage .section-testimonials .slick-next {bottom: 350px; top: auto}
     .homepage .section-testimonials .img-fit img {position: relative}

     /* Submenu */
     .submenu {visibility: hidden; opacity:0; overflow:hidden; height: 0px;}

     /* Images */
     .img-gallery {position: relative;margin: -20px 0px 0px -30px; width:calc(100% + 60px)}
     .admin-edit .img-gallery {margin: 0px 0px 0px -30px}
     .img-testimonials {border-radius: 0px 0px 10px 10px;box-shadow: 0px -7px 7px -7px rgba(0,0,0,.25);}

     /* Masthead */
     .masthead-wrapper {height: 300px}
}

@media (min-width: 480px) {	
	/* Offcanvas animation */
	.offcanvasmenu {width: 360px; right: -360px}
	.offcanvas-open .page-wrapper {-webkit-transform: translateX(-360px); -ms-transform: translateX(-360px); transform: translateX(-360px);}
}

@media (min-width: 576px) {     
     /* Backgrounds */
     .bg-right-orange .row {background: url(/img/bg-orange-right.png) top right no-repeat; background-size: 235px 100%; padding-right: 280px}
     .bg-left-orange .row {background: url(/img/bg-orange-left.png) top left no-repeat; background-size: 235px 100%; padding-left: 280px}
}

@media (min-width: 768px) {	
     /* Typography */
     h1, .h1 {font-size: 2.5rem}
     h2, .h2 {font-size: 2.5rem}
     h3, .h3, .text-large {font-size: 1.5rem}
     
     /* Header */
     .headermenu {max-width: 650px}
     header {height: 120px;}
     header nav {width: 100%}
     header .logo img {height:80px}
     header .container-fluid {padding-left: 30px; padding-right: 30px;}

     .headermenu .mainmenu, .headermenu .btn {font-size: 0.938rem}
     .headermenu .btn {padding: 8px 20px}

     /* Homepage */
     .homepage .section-hero .cms-slideshow .slick-track {height: 750px} /* Negates adaptiveHeight on cms slideshow plugin */
     .homepage .section-hero .cms-slideshow-overlay img {width: 350px}
     .homepage .section-hero .cms-slideshow .slick-controls {right: 30px}

     .homepage .section-testimonials .cms-slideshow:after {bottom: 400px;}
     .homepage .section-testimonials .slick-prev, .homepage .section-testimonials .slick-next {bottom:470px; }

      /* Submenu */
     .submenu {visibility: unset; opacity:unset;overflow:unset; height: unset;}
     .submenu li.active::after {content: ""; width: 0;height: 0;border-style: solid;border-width: 6px 0 6px 9px;border-color: transparent transparent transparent #1D1D1B;position: absolute; right: -9px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);}
     
     /* Masthead */
     .masthead-wrapper {height: 500px}

     /* Images */
     .img-gallery {position: absolute; top: -40px; right: 0px; height: calc(100vh + 40px); overflow:hidden; width: 58.333333%;margin: 0px}
     .admin-edit .img-gallery {top: 0px}
}

@media (min-width: 992px) {	
     /* Typography */
     h1, .h1 {font-size: 3rem}
     h2, .h2 {font-size: 3.438rem}

     /* Header */
     .headermenu {max-width: 900px}
     .headermenu .mainmenu, .headermenu .btn {font-size: 1.063rem}

     /* Padding */
     .pr-lg-10 {padding-right: 10rem !important}

     /* Images */
     .img-gallery { width: 50%;}
     .img-testimonials {border-radius: 0px 10px 10px 0px; box-shadow: -7px 0px 7px -7px rgba(0,0,0,.25);height: auto}

     /* Homepage */
     .homepage .section-testimonials .slick-next {left: calc(50% - 41px)}
     .homepage .section-testimonials .cms-slideshow:after {bottom: -20px; right: calc(50% + 30px)}
     .homepage .section-testimonials .slick-prev, .homepage .section-testimonials .slick-next {bottom: auto; top: calc(50% - 10px)}
     .homepage .section-testimonials .img-fit img {position: absolute}
}

@media (min-width: 2000px) {	
     /* Homepage */
     .homepage .section-hero .cms-slideshow .slick-track {height: 1250px} /* Negates adaptiveHeight on cms slideshow plugin */
}