/* ==========================================================================
     Project:     Cherokee Brick
     Date:        10/19/2021 - File created	
     Created by:  Third Wave Digital (www.thirdwavedigital.com)
========================================================================== */

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

body {font-family: "Open Sans", sans-serif;line-height:1.8;color: #444;font-size: .875rem;}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 {font-family: "Oswald", sans-serif; font-weight:500;line-height:1.3; color: #212529}

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

.page-wrapper {overflow-x:hidden}
body:not(.header-overlay) {padding-top: 60px}

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

/* Links */
a {color: #AC493D;text-decoration: underline;}
a:hover { text-decoration: none;color: #AC493D}
.page-wrapper a:focus, .page-wrapper input:focus, .page-wrapper select:focus, .page-wrapper button:focus-visible {outline: 5px auto #AC493D;}
.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:#AC493D; 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; background:#AC493D}

/* Header */
header {height: 60px; position: fixed; top: 0px; left: 0px; z-index: 2; background: #fff; width: 100%; box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.075);}
    
     /* Header menus */
     .headermenu ul {margin: 0px; padding: 0px; list-style:none;}
     .headermenu a {text-decoration: none;display:block;}

     .headermenu .mainmenu {}
     .headermenu .mainmenu > li {position: relative; height: 100%;display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items:center; } 
     .headermenu .mainmenu > li > a {color: #212529; padding: 0px 15px; font-family: "Open Sans Condensed", sans-serif; font-weight: 700;text-transform: uppercase;font-size: .8125rem;height: 100%;display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items:center;}
     .headermenu .mainmenu > li .fa-angle-down {color: #AC493D; font-size: .75rem;margin-left: 5px; transition: transform 200ms ease-in-out; }
     .headermenu .mainmenu > li > a[aria-expanded="true"] .fa-angle-down {-webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg)}
     .headermenu .mainmenu > li:hover > a, .headermenu .mainmenu > li > a:focus  {color: #212529}

	/* Header menu dropdowns */
	.headermenu .mainmenu ul {text-align:left; z-index:3; font-size: .75rem; background: #AC493D; border-radius: 3px; pointer-events:none; width: 200px;top:100%;position: absolute; left: 50%; margin-left: -100px;opacity: 0; visibility: hidden; transition: all 250ms 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 #AC493D;}
          .headermenu .mainmenu ul.active {opacity:1;top:calc(100% - 5px); 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 li:last-child ul {right: 0px; left:auto; margin: 0px;}
          .headermenu .mainmenu li:last-child ul::before {left:auto; right: 30px;}

          .headermenu .mainmenu ul li:not(:last-child) {border-bottom: 1px solid rgba(255,255,255,.05)}
          .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: 9px; line-height: 1.2; color: #fff; transition: background .25s ease;width:100%}
          .headermenu .mainmenu ul a:hover, .headermenu .mainmenu ul a:focus {background: rgba(0,0,0,.075); color: #fff }
          .headermenu .mainmenu ul .fa {opacity: .3; font-size: .875rem; margin-right: 5px;display:table-cell;width:15px}

          .headermenu .btn-toggle-search {background: #A6B5BB; color: #fff; font-size: .75rem; border-radius: 50%;-webkit-text-stroke: .25px #A6B5BB; width: 30px; height: 30px;padding: 0px; flex-shrink: 0;}
          .headermenu .btn-toggle-offcanvas .hamburger-inner:before{width: 80%}
          .headermenu .btn-toggle-offcanvas .hamburger-inner:after{width: 60%}

     /* Header overlay */
     .header-overlay header {background:none; box-shadow:none; position: absolute;  top: 15px; padding-right: 60px}
     .header-overlay header .logo {margin-top: 60px; background: url(/img/cherokee-brick-logo-vertical-light.png) no-repeat; background-size: contain; width: 100px; height: 100px; display:block; }
     .header-overlay .headermenu .mainmenu > li > a, .header-overlay header .mainmenu > li > a:hover, .header-overlay header .mainmenu > li > a:focus {color: #fff;}
     .header-overlay .headermenu .btn-toggle-search {background: rgba(255,255,255,.2);position: absolute; top: 17px;right: 55px}
     .header-overlay .headermenu .mainmenu .fa-angle-down {color: #fff; opacity: .5}
     .header-overlay .btn-toggle-offcanvas {position: absolute; right: 15px; top: 12px;}
     .header-overlay .hamburger-inner,.header-overlay .hamburger-inner:after,.header-overlay .hamburger-inner:before {background-color: #fff}
     .header-overlay .btn-toggle-fullscreen {position: absolute; z-index: 3; top: 19px; right: 20px; height: 25px; width: 25px; border-radius: 50%;font-size: .625rem;background: rgba(255,255,255,.2); color: #fff; padding: 0px}

 /* Offcanvas menu */
.offcanvasmenu {position:fixed; height: 100%; width: 100%; top: 60px;bottom: 0px; left: 0px; background: #fff; overflow-x:hidden; overflow-y:auto; z-index:-1;font-size: .875rem;-webkit-transform: scale(.75); -ms-transform: scale(.75); transform: scale(.75); transform-origin: top center; pointer-events: none; opacity: 0; visibility: hidden; transition: all 250ms ease}
     .offcanvasmenu .mainmenu {list-style:none; margin: 0px; padding:0px; background: #fff}
     .offcanvasmenu .mainmenu > li {border-bottom: 1px solid #e5e5e5; position: relative;text-transform: uppercase; font-family: "Open Sans Condensed", sans-serif; font-weight: 700}
     .offcanvasmenu .mainmenu a:not(.btn) {height: 48px; color: #212529; 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:#212529; }
     .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: 1rem; 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: #212529;margin: 0;font-size:.75rem; padding: 0px; text-transform:none;visibility: hidden; overflow:hidden; height: 0px; transition: all 500ms ease}
     .offcanvasmenu .mainmenu li ul li { font-family: "Open Sans", sans-serif; font-weight: 400; margin-bottom: 0px;}
     .offcanvasmenu .mainmenu li ul a:not(.btn) {height:auto; min-height: 40px}

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

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

     .offcanvasmenu .mainmenu .btn-dignified-purple {margin: 15px;}

     .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 {background: #f1f1f1; border-bottom: 3px solid #AC493D; 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: #212529}
     .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}

     .offcanvasmenu .quicklinks {list-style:none; padding: 15px;}
     .offcanvasmenu .quicklinks li {margin-bottom: 10px}
     .offcanvasmenu .quicklinks a {text-decoration: none;}
     .offcanvasmenu .quicklinks .fas {width: 20px}
     .offcanvasmenu .quicklinks .btn {margin: 15px -15px -15px -15px}

     /* 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 */
     .offcanvas-open .offcanvasmenu {pointer-events: all; opacity: 1; z-index: 3; visibility: visible; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1);}
     .offcanvas-open .header-overlay header {background: #fff; position: fixed; top: 0px; left: 0px}
     .offcanvas-open .header-overlay .hamburger-inner, .offcanvas-open .header-overlay .hamburger-inner:after, .offcanvas-open .header-overlay .hamburger-inner:before {background-color: #212529}
     .offcanvas-open .header-overlay header .logo {margin-top: 0px; background: url(/img/cherokee-brick-logo-horizontal-dark.png) no-repeat; background-size: contain; width: 150px; height: 55px;}

/* Main */
main {position:  relative; z-index: 0;}

/* Footer */
footer {background: #232023; color: #919091}
     footer form {max-width: 600px; margin: 0px auto}
     footer ::placeholder { color: #AC9380;opacity: 1;}
     footer :-ms-input-placeholder {color: #AC9380;}
     footer ::-ms-input-placeholder {color: #AC9380;}
     footer input {background-color:#232023;border-top: none; border-left:none; border-right:none; border-bottom: 1px solid #AC493D; color: #fff}
     footer textarea {background: #322E33; border:none; border-radius: 50px; width: calc(100% - 75px); color: #fff; padding: 15px 30px 0px 30px; height: 60px}
     footer .btn {background: #706264; color: #fff; font-size: .75rem; border-radius: 50%; height: 60px; width: 60px}
     footer .btn:hover, footer .btn:focus {color: #fff; background: #AC493D}
     footer .list-inline a {color: #919091}
     footer .list-inline a:hover, footer .list-inline a:focus {color: #fff}
     footer .social {}
     footer .social a {color: #fff; font-size: .8125rem; background: #322E33; border-radius: 50%; width: 35px; height: 35px;display:block;display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items:center; text-decoration: none;justify-content: center;}
     footer .social a:hover, footer .social a:focus {}
     footer .copyright {border-top: 1px solid #707070; position: relative;margin-top: 80px}
     footer img {background: #232023; padding: 0px 15px; position: absolute; top: -35px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%);}

     
/* 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: 2}
     .search-wrapper .btn-close-search {position: absolute; top: 15px; right: 15px; padding: 0px; height: 40px; width: 40px;}
     .search-wrapper .btn-close-search::before { content: '';height: 40px;border-left: 2px solid #fff;position: absolute;-webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg);left: 18px;top: 0px;}
     .search-wrapper .btn-close-search::after { content: '';height: 40px;border-left: 2px solid #fff;position: absolute;-webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); 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: #212529;; 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: #AC493D}
     .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: 4px;font-size: 1.5rem}
	.search-wrapper form input::-ms-clear {display:none}

/* Masthead */
.masthead-wrapper {position: relative;z-index:1}
     .masthead-wrapper::after {z-index: -1; content:""; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: rgba(255,255,255,.8);}
     .masthead-wrapper .text-heading-light-umber {margin-bottom: 0px}
     .masthead-wrapper input {background:none; border-top: none; border-left:none; border-right:none; border-bottom: 1px solid #AC493D; color: #212529; font-size: .8125rem;}
     .masthead-wrapper ::placeholder { color: #212529;opacity: 1;}
     .masthead-wrapper :-ms-input-placeholder {color: #212529;}
     .masthead-wrapper ::-ms-input-placeholder {color: #212529;}

     .masthead-wrapper .dropdown-toggle::after {transition: transform 250ms ease}
     .masthead-wrapper .dropdown-toggle.active::after {-webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg)}

     .masthead-wrapper .dropdown-menu {border-radius: 0px}
     .masthead-wrapper .dropdown-menu.show {top: 5px !important}
     .masthead-wrapper .dropdown-menu .btn-link {font-size: .875rem;position: relative;}
     .masthead-wrapper .dropdown-menu .btn-link:active {background: #AC493D;}
     .masthead-wrapper .dropdown-menu .btn-link:focus {outline:none}
     .masthead-wrapper .dropdown-menu span {position: absolute; right: 9px; top: 11px}

/* Submenu */
.submenu {font-size: .8125rem; transition: opacity 500ms ease}
     .submenu.active {visibility: visible;opacity: 1; overflow:visible; }
     .submenu li {position: relative;line-height: 1.4}
     .submenu a {display:block;color: #212529; background:#f1f1f1; border-bottom: 1px solid #fff; padding: 8px 15px; text-decoration:none; transition: background 200ms ease}
     .submenu a:hover, .submenu a:focus {color:#212529; background: rgba(255,255,255,.05);}
     .submenu li.active a {background: #AC493D; color: #fff; font-weight: 700}

     .btn-toggle-submenu {background: #f1f1f1; border-radius: 30px}
          .btn-toggle-submenu:hover, .btn-toggle-submenu:focus {background: #ddd}

/* Hamburgers */
.btn-hamburger {border-radius: 0px; height: 36px;margin:0;padding:5px;transition-timing-function:linear;transition-duration:.15s;transition-property:opacity;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:#212529; right: 0px}
     .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:-7px;}
     .hamburger-inner:after{transition:bottom .1s ease-in .25s,transform .22s cubic-bezier(.55,.055,.675,.19); bottom:-7px;}
     .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; width: 100%;}
     .btn-hamburger.active .hamburger-inner:after{bottom:0;transition:bottom .1s ease,transform .22s cubic-bezier(.215,.61,.355,1) .12s;transform:rotate(90deg);width: 100%;}

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

/* Homepage */
.getinspired-wrapper {}
     .getinspired-wrapper .inspired-slideshow {}
     .getinspired-wrapper .item {padding: 0px 5px}
     .getinspired-wrapper .inspired-item img { height: 600px; min-width: 100%; object-fit:cover; object-position: center center; font-family: "object-fit: cover; object-position: center center;"; }
     .getinspired-wrapper .inspired-item {position: relative}
     .getinspired-wrapper .inspired-item::before {content:""; position: absolute; bottom: 0; left:0px; z-index: 1; width: 100%; height: 80%; background:linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);}
     .getinspired-wrapper .inspired-item img {position: relative; z-index: 0;}
     .getinspired-wrapper .inspired-item .badge {position: absolute; top: 5px; right: 5px; z-index:2;font-size: .563rem;padding: 5px 7.5px; }
     .getinspired-wrapper .inspired-item .inspired-caption {position: absolute; bottom: 15px; left: 15px; width: calc(100% - 30px); color: #fff; z-index: 2; }
     .getinspired-wrapper .inspired-item .inspired-caption .small {font-size: .688rem; line-height: 1.6}
     .getinspired-wrapper .inspired-item h3 {color: #fff}

     .getinspired-wrapper .slick-prev, .getinspired-wrapper .slick-next {border:none; z-index:2; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);border-radius: 50%; background: #AC493D; width: 40px; height: 40px; outline: .8px solid #fff; outline-offset: -5px; opacity: 1}
     .getinspired-wrapper .slick-prev {display:none}
     .getinspired-wrapper .angle {border: 1px solid white;width: 7px; height: 7px;border-width: 0px 0px 2px 2px;display:block;}
	.getinspired-wrapper .angle-left {-webkit-transform: rotate(45deg); -ms-transform: rotate(45deg);transform: rotate(45deg);margin-left:12px;}
	.getinspired-wrapper .angle-right {-webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg);transform: rotate(-135deg);margin-left:15px;}

.brickselector-wrapper {}
     .brickselector-wrapper {}
     .brickselector-wrapper h4 { position: relative;}
     .brickselector-wrapper h4::after {height: 2px; width: 50px; content:""; transition: width 250ms ease; margin-left: auto; margin-right: auto; background: #AC493D; display:block;margin-top: 4px;}
     .brickselector-wrapper .btn:hover h4:after, .brickselector-wrapper .btn:focus h4:after {width: 100px}
     .brickselector-wrapper .brickselector-nav {position: relative;}
     .brickselector-wrapper .brickselector-nav::before {height: 2px; width: 50px; left: 0px; right: 0px; content:""; background: #A37B59; position: absolute; top: 0px;margin:auto}
     .brickselector-wrapper button.card {min-width: 200px;border-radius: 50px; border:  1.5px solid rgba(0,0,0,.1)}
     .brickselector-wrapper button .card-body {display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items:center; justify-content: center;width: 100%}
     .brickselector-wrapper button.disabled {opacity: .8; pointer-events: none;}
     .brickselector-wrapper .step:not(.step-1) {max-width: 750px; margin-left: auto; margin-right: auto;}
     .brickselector-wrapper .results .card { border:none}
     .brickselector-wrapper .results .small {line-height: 1.4}
     .brickselector-wrapper .card-img {position: relative; height: 150px}
     .brickselector-wrapper .card-img img {width: 100%; height: 100%; object-fit:cover; object-position: center center; font-family: "object-fit: cover; object-position: center center;"; position: relative; }
     .brickselector-wrapper .alert-brickselector {color: #AC493D; font-family: "Oswald", sans-serif; font-weight:500;line-height:1.3;font-size: 1.25rem}
     .brickselector-wrapper h5 .badge {width: 30px; height: 30px}

.whybrick-wrapper {}
     .whybrick-wrapper .item {padding: 0px 10px 55px 10px;opacity: .3;transition: opacity 500ms ease}
     .whybrick-wrapper .item h3 {position: absolute; bottom: 35px; left: 10px; width: calc(100% - 20px); z-index:1; background: #fff;padding: 0px 0px 25px 15px; transition: bottom 500ms ease}
     .whybrick-wrapper .slick-center {opacity: 1}
     .whybrick-wrapper .slick-center::after {content:none}
     .whybrick-wrapper .slick-center h3 {bottom: -10px;}

     .whybrick-wrapper .slick-prev, .whybrick-wrapper .slick-next {border:none; z-index:2; position: absolute; top: calc(100% + 10px); right: 25px; background:none; padding: 0px; opacity: 1; height: 30px; width: 30px}
     .whybrick-wrapper .slick-prev {right: 50px}
     .whybrick-wrapper .slick-next {right: 30px}
     .whybrick-wrapper .angle {border: 1px solid #AC493D;width: 15px; height: 15px;border-width: 0px 0px 3px 3px;display:block;}
	.whybrick-wrapper .angle-left {-webkit-transform: rotate(45deg); -ms-transform: rotate(45deg);transform: rotate(45deg);margin-left:11px;}
	.whybrick-wrapper .angle-right {-webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg);transform: rotate(-135deg);margin-left:5px;}

     .whybrick-wrapper .slick-dots {position: relative; list-style:none; margin: 15px auto 0px auto; max-width:1200px; text-align:center;padding: 0px 30px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: space-between;}
     .whybrick-wrapper .slick-dots::after {height: 1px;  left: 50px; right: 50px; content: ""; background: #A6B5BB; position: absolute; top: 7px;z-index: -1}
     .whybrick-wrapper .slick-dots li {display:inline-block; text-align:center;font-size: 0.563rem;font-weight: 700;font-family: "Open Sans Condensed", sans-serif; text-transform: uppercase; }
     .whybrick-wrapper .slick-dots button {width: 12px; height: 12px; padding: 0px; border: 2.25px solid #A6B5BB; background: #EAEEEF; border-radius: 50%}
     .whybrick-wrapper .slick-dots .slick-active button {border-color: #AC493D}

/* Store Locator */
.store-locator {}

     .store-locator-container .row {visibility:hidden; position: relative;opacity: 0; transition: opacity 500ms ease}
     .store-locator-container::before {content:"";  z-index: 0; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%);font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f110";color: #A6B5BB; font-size: 2rem;  -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear;}
     .store-locator-container.active .row {visibility: visible;opacity:1}
     .store-locator-container.active::before {content:none}

     .store-locator .masthead-wrapper .btn-locateme {height: 33.5px; width: 33.5px;padding: 0px; font-size: .938rem}
     
     .store-locator .btn-toggle-filters .hamburger-inner {width: 80%}
     .store-locator .btn-toggle-filters .hamburger-inner:after{width: 60%}
     .store-locator .btn-toggle-filters .hamburger-inner, .store-locator .btn-toggle-filters .hamburger-inner:after, .store-locator .btn-toggle-filters .hamburger-inner:before {background-color: #AC493D}
     .store-locator .btn-toggle-filters.active .hamburger-inner,  .store-locator .btn-toggle-filters.active .hamburger-inner:after {width: 100%}

     .store-locator .filters {pointer-events:none; opacity: 0; margin: 0px 0px 10px 0px; background: #f9f9f9; visibility:hidden;padding: 7.5px 15px 0px 15px; position: absolute; z-index: -1; transition:opacity 250ms ease}
     .store-locator .filters.active {opacity: 1; pointer-events: all; visibility: visible;position: relative;z-index:0;height: 95px}
     .store-locator .filters.has-lat-lon.active {height: 170px}
     .store-locator .filters label {font-weight: 700; font-size: .8125rem}
     .store-locator .custom-select {font-size: .875rem}

	.store-locator .marker-label {color: #fff; font-size: .625rem;font-weight: 700;font-family: "Open Sans Condensed", sans-serif;z-index: 0; line-height: 1; text-align:center; position: absolute; top: 50%; left: 50%;-webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); overflow:hidden}
     
     .store-locator .locations { overflow-y:auto; padding: 10px}
     .store-locator .locations::-webkit-scrollbar {-webkit-appearance: none;width: 5px}
     .store-locator .locations::-webkit-scrollbar-track {margin: 0px;background: #ccc; border-radius: 4px;}
     .store-locator .locations::-webkit-scrollbar-thumb {background: rgba(0,0,0,.4);border-radius: 4px;}
     .store-locator .locations::-webkit-scrollbar-thumb:hover {background: rgba(0,0,0,.6);}
     .store-locator .location {box-shadow: 0px 0px 10px 0px rgba(0,0,0,.1);position: relative;}
     .store-locator .location .location-distance {width: 70px; flex-shrink: 0}
     .store-locator .location .location-address {width: 100%}
     .store-locator .location .location-link {width: 80px; flex-shrink: 0}
     .store-locator .location-distance div {position: relative;padding-top: 40px; text-align:center;width: 100%}
     .store-locator .location-distance div::before {content:""; position: absolute; top: -10px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); z-index: 0; font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f041";color: #A6B5BB; font-size: 2rem;}
     .store-locator .location-distance div p:first-child {color: #fff; font-size: .75rem;font-weight: 700;font-family: "Open Sans Condensed", sans-serif; position: absolute; top: 5px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%);}
     .store-locator .location address {line-height: 1.5;font-size: .875rem;}
     .store-locator .location strong {font-weight: 700;font-family: "Open Sans Condensed", sans-serif;}
     .store-locator .location > div:last-child a {color: #212529;text-decoration: none; text-transform: uppercase;transform: color 250ms ease}
     .store-locator .location > div:last-child a:hover, .store-locator .location > div:last-child a:focus {color: #AC493D}
     .store-locator .location > div:last-child .fas {color: #AC493D}

     .alert-locator {border-color: #AC493D;color:#AC493D; font-size: .8125rem; line-height: 1.4; position: relative;}
     .alert-locator .close {font-size: .75rem; color: #AC493D;position: absolute; right: 10px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

     .store-locator .tooltip {font-size:.75rem}

/* Store Locator Detail */
.store-locator-detail {}
     .store-locator-detail #map {height: 400px}
     .store-locator-detail img.logo {height: 90px}

/* Collection Detail */
.collection-detail .cms-album-masonry.cms-album-thumbs-md {-webkit-column-count: 3 !important; -moz-column-count: 3 !important;column-count: 3 !important;} /* Override CMS Plugin defaults */

/* ==========================================================================
   Alert
   ========================================================================== */

.alert-wrapper {top: 0px; left: 0px; width: 100%; z-index:1;}
     .alert-wrapper .alert {text-align:center; background: #AC493D; color: #fff; position: relative;width: 100%;font-size: .8125rem; padding: 8px 0px 8px 0px; line-height: 1.2; margin: 0px; border-radius: 0px}
     .alert-wrapper .alert + .alert {border-top: 1px solid rgba(255,255,255,.3);}
     .alert-wrapper a {color: #fff;}
     .alert-wrapper button {position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);padding: 0px; background:none; border:none; color: #fff; -webkit-text-stroke: 1px #AC493D}
     .alert-wrapper button:hover, .alert-wrapper button:focus {color: #fff}
          
/* ==========================================================================
     CMS Classes & Components
========================================================================== */

/* Text */
.text-light-umber {color: #A37B59}
.text-umber {color:#AC493D}
.text-muted-blue {color: #A6B5BB}
.text-large {font-size: 160%}
.font-opensans-condensed {font-family: "Open Sans Condensed", sans-serif; font-weight: 700;}

.text-heading-light-umber {color: #A37B59; margin-bottom: 5px;font-size: .75rem; line-height: 1.2; text-transform: uppercase;position: relative; font-weight: 700;font-family: "Open Sans Condensed", sans-serif; }
     .text-heading-light-umber::before {content:""; width: 2.5px; background: #AC493D; height: 10px; position: absolute; left: 0px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);}
     .text-heading-light-umber.text-heading-left {text-align:left; padding-left: 13px}

.text-heading-muted-blue {color: #A6B5BB;font-weight: 700;font-family: "Open Sans Condensed", sans-serif;line-height: 1.2; font-size: .875rem;margin-bottom: 0px;}
     .text-heading-muted-blue a {color: #A6B5BB;text-decoration:none;}

.text-heading-center {text-align:center;line-height: 1.2; }
     .text-heading-center::before {content:none}

.text-outline {-webkit-text-stroke: 1px #fff; -webkit-text-fill-color: transparent;font-weight: 700}

/* Spacing */
.pb-6 {padding-bottom: 3.5rem}
.pt-6 {padding-top: 3.5rem}
.py-6 {padding-top: 3.5rem;padding-bottom: 3.5rem}
.pb-7 {padding-bottom: 5rem}
.pt-7 {padding-top: 5rem}
.py-7 {padding-top: 5rem;padding-bottom: 5rem}

.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}

/* Buttons */
.btn-umber, .btn-muted-purple, .btn-umber-border, .btn-white-border, .btn-white, .btn-muted-blue, .cms-slideshow .btn-primary, .cms-form .btn-primary { text-decoration:none; padding: 6px 35px; text-transform: uppercase; transition:all  150ms ease; position: relative;border-radius: 30px; text-align:center; border:none;font-family: "Open Sans Condensed", sans-serif; font-weight:700; font-size: .8125rem}
     .btn-umber:hover, .btn-muted-purple:hover, .btn-umber-border:hover, .btn-white-border:hover, .btn-white:hover, .btn-muted-blue:hover {}
     .btn-umber:focus, .btn-muted-purple:focus, .btn-umber-border:focus, .btn-white-border:focus, .btn-white:focus, .btn-muted-blue:focus {box-shadow:none !important; border: none !important }
   
     .btn-umber, .cms-slideshow .btn-primary, .cms-form .btn-primary {background: #AC493D; color: #fff}
          .btn-umber:hover, 
          .btn-umber:focus {color: #fff}
          .cms-slideshow .btn-primary:active, 
          .cms-slideshow .btn-primary:hover, 
          .cms-slideshow .btn-primary:focus {background: #AC493D !important; color: #fff; border: none !important; outline: none !important; box-shadow: none !important}
          .cms-form .btn-primary:active, 
          .cms-form .btn-primary:hover, 
          .cms-form .btn-primary:focus {background: #AC493D !important; color: #fff; border: none !important; outline: none !important; box-shadow: none !important}

     .btn-muted-purple {background: #706264; color: #fff;}
          .btn-muted-purple:hover, .btn-muted-purple:focus {color: #fff}

     .btn-white {background: #fff; color: #212529;}
          .btn-white:hover, .btn-white:focus {color: #212529}
     
     .btn-muted-blue {background: #A6B5BB; color: #fff;}
          .btn-white:hover, .btn-white:focus {color: #fff}
          
     .btn-umber-border {background:none; border: 1.5px solid #AC493D; color: #AC493D}
          .btn-umber-border:hover, .btn-umber-border:focus {color: #AC493D; background:none !important;border: 1.5px solid #AC493D !important;}

     .btn-white-border {background:none; border: 1.5px solid #fff; color: #fff}
          .btn-white-border:hover, .btn-white-border:focus {color: #fff; background:none !important;border: 1.5px solid #fff !important;}

     .btn-sm {font-size: .75rem; padding: 6px 30px}
     .btn-xs {font-size: .625rem; padding: 4px 15px}

/* Backgrounds */
.bg-grey {background: #eee}
.bg-augusta {background: url(/img/bg-augusta.jpg); background-size: 200px}
.bg-riverstowne {background: url(/img/bg-riverstowne.jpg); background-size: 100px}
.bg-umber {background: #AC493D}

/* Overlays */
.overlay {position: relative;z-index:auto !important}
.overlay::before {z-index: -1; content:""; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }
.overlay-ultralight-umber::before {background: rgba(163,123,89,.9);}
.overlay-umber::before {background: rgba(172,73,61,.9);}
.overlay-muted-blue::before {background: rgba(166,181,187,.9);}
.overlay-dignified-purple::before {background: rgba(112,98,100,.9);}

/* Accordions */
.cms-accordion {}
     .cms-accordion .card {border:none; border-radius: 0px; background:none; margin-bottom: 10px !important}
     .cms-accordion .card>.card-header {border:none; color:#333; font-family: "Open Sans Condensed", sans-serif; font-weight: 700;text-transform: uppercase;font-size: .8125rem; border-radius: 30px; padding: 7px 30px !important; font-size: .75rem; background: #E7C4A8}
     .cms-accordion .card>.card-header[aria-expanded="true"] {background: #AC493D; color: #fff}
     .cms-accordion .card-body {padding: 15px 0px}


/* Blogs */
.cms-blog .badge-light small {color: #000; font-weight: 700}

/* Heros */
.hero-wrapper {position: relative;}
     .hero-wrapper .hero {position: absolute; top: 0px;left: 50%; transform: translateX(-50%); width: 100%; max-width: 1920px; margin: 0 auto; height: 100%; }
     .hero-wrapper .hero .cms-contentmenu {position: absolute; top: calc(100% - 40px); left: 3px;z-index: 2}
     .hero-wrapper .hero p {margin: 0px;display:inline} /* CKeditor might have wrapped the image with a <p> tag */
     .hero-wrapper img, .hero-wrapper video {width: 100%; height: 100%; max-width: 100%; object-fit:cover; object-position: center center; font-family: "object-fit: cover; object-position: center center;"; position: relative; z-index:1;}
     .hero-wrapper .btn {text-transform: none;}

     .hero-wrapper .caption {max-width: 570px; text-align:center; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%);z-index: 3; color: #fff}
     .hero-wrapper .caption h1 {font-weight: 700; color: #fff}

     .hero-wrapper-lg, .hero-wrapper-xl {position: relative; margin: 5px;}
     .hero-wrapper-xl {margin: 5px 0px}
     .hero-wrapper-lg::after, .hero-wrapper-xl .item::after {content:""; position: absolute; top: 0; left:0px; z-index: 1; width: 100%; height: 100%; border-radius: 15px; background:linear-gradient(to bottom, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.25) 100%);}
     .hero-wrapper-lg img, .hero-wrapper-lg video, .hero-wrapper-xl video, .hero-wrapper-xl img, .hero-wrapper-lg::after, .hero-wrapper-xl::after {border-radius: 15px;}
     
     .hero-wrapper-xl .cms-slideshow {position: relative; z-index: 4}
     .hero-wrapper-xl .slick-track {border-radius: 15px;}
     .hero-wrapper-xl .item {padding: 0px 5px;}
     .hero-wrapper-xl .item::after {left: 5px; width: calc(100% - 10px)}
     .hero-wrapper-xl .cms-contentmenu {z-index: 5 }
     .hero-wrapper-xl .slick-dots {position: absolute; z-index: 0; bottom: 5px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%);}
     .hero-wrapper-xl .slick-controls .slick-dots button, .hero-wrapper-xl .slick-controls .slick-dots .slick-active button {background: #fff}
     .hero-wrapper-xl .caption {max-width: none; width: 100%}
     .hero-wrapper-xl div[class*="caption-inside"] .caption-wrapper h2 {margin-bottom: 1rem;font-size: calc(1.5em + 2.5vw);}
     .hero-wrapper-xl div[class*="caption-inside"] .caption-wrapper p:not(.btn) {font-size: .8125rem;line-height:1.6}
     .hero-wrapper-xl div[class*="caption-inside"] .caption-wrapper p:last-child {margin-bottom: 0px}
     .hero-wrapper-xl div[class*="caption-inside"] .caption {padding: 0px}
     .hero-wrapper-xl .slick-prev, .hero-wrapper-xl .slick-next {top: auto; -webkit-transform: none; -ms-transform:none; transform:none; bottom: 10px}

     .hero-wrapper-md .caption {background: rgba(31,26,32,.7); padding: 10px 15px 15px 15px}
     .hero-wrapper-md .badge {position: absolute; bottom: 10px; right: 10px; z-index: 1;font-size: .625rem}

     .hero-wrapper .social, .hero-wrapper .pagemenu {position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 5}
     .hero-wrapper .social {left: 20px;}
     .hero-wrapper .social li {margin-bottom: 5px}
     .hero-wrapper .social a {color: #fff; font-size: .8125rem}
     .hero-wrapper .social a:hover, .hero-wrapper .social a:focus {}

     .hero-wrapper .pagemenu {right: 5px; background: rgba(172,73,61,.7); border-radius: 15px 0px 0px 15px; padding: 5px 15px; max-width: 170px; line-height: 1.4}
     .hero-wrapper .pagemenu li:not(:last-child) {border-bottom: 1px solid rgba(255,255,255,.2)}
     .hero-wrapper .pagemenu a {color: #fff; text-decoration:none; font-size: .625rem; font-weight: 700; padding: 5px 0px; display:block}
     .hero-wrapper .pagemenu a:hover, .hero-wrapper .pagemenu a:focus {text-decoration: underline;}

     .hero-wrapper .pagemenu-dots {position: fixed; right: 30px; top: 100px; z-index: 3;}
     .hero-wrapper .pagemenu-dots li {margin-bottom: 7px;text-align:center}
     .hero-wrapper .pagemenu-dots a {display:block; margin:auto; background: #AC493D; width: 5px; height: 5px; border-radius: 50%; opacity: .25; transition: all 250ms ease; pointer-events:none}
     .hero-wrapper .pagemenu-dots li.active a {opacity: 1; height: 7px; width: 7px}

     .hero-wrapper .btn-scrolldown {position: absolute; z-index: 3; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); bottom: 40px;width: 20px; height: 30px;border-radius: 15px; border: 1.25px solid #fff;background: rgba(255,255,255,.2); padding: 0px}
     .hero-wrapper .btn-scrolldown .mousewheel {position: absolute; top: 4px; left: 50%;  margin-left: -2px; width: 4px; height:4px; border-radius: 50%; background: #fff; -webkit-animation: moveMouseWheel 1s infinite ease-in alternate-reverse; animation: moveMouseWheel 1s infinite ease-in alternate-reverse;}
     @-webkit-keyframes moveMouseWheel {0% { transform: translateY(0px);} 100% { transform: translateY(15px); }}
	@keyframes moveMouseWheel {0% { transform: translateY(0px); } 100% { transform: translateY(15px); }}

/* Images */
.img-fit img {position: absolute; top: 0px; left: 15px; width: calc(100% - 30px); height: 100%; object-fit:cover;}
     .img-fit p {margin: 0px;display:inline} /* CKeditor might have wrapped the image with a <p> tag */
     .no-gutters .img-fit img {left: 0px; width: 100%; }
     .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-badge-wrapper {position: relative}
     .img-badge-wrapper .badge {position: absolute; z-index: 1; bottom: 7.5px; right: 7.5px; max-width: 90%; font-size: .6875rem !important}
     .img-badge-wrapper img {position: relative; z-index: 0}

     .badge {text-transform:uppercase;font-family: "Open Sans Condensed", sans-serif; font-weight: 700; padding: 6px 10px 5px 10px; border-radius: 3px; color: #fff}
     .badge-ultralight-umber {background: #CAA986}
     .badge-light-umber {background: #C78162}
     .badge-umber {background: #79242F}
     .badge-dark-umber {background: #772C2A}

.img-gallery-wrapper {}
     .img-gallery-wrapper img {position: relative; z-index: 0; width: 100%}
     .img-gallery-wrapper a {display:block;position: relative;}
     .img-gallery-wrapper a::before {content: "\f31e";z-index: 1;font-family: "Font Awesome 5 Free"; font-weight: 900;text-decoration: none; text-align:center;  color: #AC493D;background: rgba(255,255,255,.9); transition: background 0.15s ease; border-radius: 50%;font-size: .75rem;line-height: 30px;width: 30px; height: 30px; position: absolute;bottom: 7.5px; right: 7.5px}
     .img-badge-wrapper .img-gallery-wrapper a::before {bottom: 40px;}
	.img-gallery-wrapper:hover::before, .img-gallery-wrapper:focus::before {background: #fff}

.cms-album li figcaption {font-size: .688rem !important; padding: 3px !important; }

/* Brick Row */
.btn-smallgrid, .btn-largegrid {padding: 0px; opacity: .3;position:relative;width: 30px; height: 30px;}
.btn-smallgrid.active, .btn-largegrid.active {opacity: 1; color:#AC493D }
.btn-smallgrid span {font-size: 1rem;position: absolute; top: 6px; left: 3px; }
.btn-smallgrid span + span {left:20px; width: 5px; overflow:hidden;}
.btn-largegrid span {font-size: 1.75rem; width: 19px; height: 19px; overflow:hidden; position: absolute; top: 4.25px; left: 5px}

.brick-row a {display:block; position: relative; text-align:center;text-decoration: none;padding-top: 30px}
.brick-row a::before {content:""; background: #F1F1F1; width: 100%; height: 50%;position: absolute; top: 0px; left:0px}
.brick-row a:hover img, .brick-row a:focus img {-webkit-transform: scale(1.5);-ms-transform: scale(1.5);transform: scale(1.5);}
.brick-row a:hover h2, .brick-row a:focus h2 {color:#AC493D }
.brick-row .img-mask {aspect-ratio: 16 / 10; position: relative; width: calc(100% - 60px); margin: 0px 30px 30px 30px; overflow:hidden; }
.brick-row img {width: 100%; height: 100%; object-fit:cover; object-position: center center; font-family: "object-fit: cover; object-position: center center;"; transition: all 250ms ease-in-out}
.brick-row h2 {letter-spacing: 2px;transition: color 250ms ease-in-out}

/* Lists */
.list-categories {position: relative; padding-left: 8px;list-style:none;font-weight: 700;font-family: "Open Sans Condensed", sans-serif;font-size: .75rem;}
     .list-categories::before {content:""; width: 2.5px; background: #AC493D; height: 10px; position: absolute; left: 0px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);}
     .list-categories li {display:inline-block; margin-left: 5px;}
     .list-categories a {color: #AC493D}

.list-light-umber-checks { list-style:none; padding: 0px;}
     .list-light-umber-checks li {margin-bottom: 25px; position: relative; padding-left: 35px}
     .list-light-umber-checks li::before {height: 24px; width: 24px; font-size: 20px; font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f00c"; position: absolute; top: 0px; left: 0px; color:  #A37B59}

/* Layouts */
.content-inner {margin-left: auto; margin-right:auto}
.container-fluid-narrow {max-width: 900px;margin-left:auto;margin-right:auto}

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

/* Aside Slideshow */
.aside-wrapper {position: relative;color: #fff; margin: 0px 0px 50px 0px;background: #706264;}
     .aside-wrapper .slick-controls .slick-dots li {padding: 0px 2.5px}
     .aside-wrapper .slick-controls .slick-dots {position: absolute; left: 50%; bottom: -50px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); bottom: -20px}
     .aside-wrapper .slick-controls .slick-dots button, .aside-wrapper .slick-controls .slick-dots .slick-active button {background: #666}
     .aside-wrapper .slick-prev, .aside-wrapper .slick-next {top: 50%}
     .aside-wrapper .slick-prev {left: -45px}
     .aside-wrapper .slick-next {right: -45px}

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

/* Min Width */
@media (min-width: 0px) {	
     /* Typography */
    

     /* Header */
     header .container-fluid {padding-left: 15px; padding-right: 15px;}
     .headermenu .mainmenu, .headermenu .fa-angle-down, .headermenu .btn-toggle-search, .headermenu .btn-toggle-fullscreen {display:none}

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

     /* Alert */
     .alert-wrapper {position: fixed; }
     .alert-wrapper .btn {right: 15px; }

     /* Heros */
     .hero-wrapper h1 {font-size: 2rem}
     .hero-wrapper-md {height: 300px}
     .hero-wrapper-lg {height: 400px}
     .hero-wrapper-xl, .hero-wrapper-xl .slick-track {height: 500px}

     /* Homepage */
     .getinspired-wrapper .slick-next {right: 15px}

     /* Footer */
     footer textarea {width:100%}
     footer button[type="submit"] {border-radius: 30px; height: 30px; display:block;margin:auto}

     /* Store Locator */
     .store-locator #map {height: 300px}
     .store-locator .locations {height: 405px;}

     /* Store Locator Detail */
     .store-locator-detail img.rounded-circle {max-width: 280px}

     /* Mastheads */
     .masthead-wrapper-md {height: 200px}

     /* Images */
     .img-fit {height: 300px}
}

@media (min-width: 576px) {    
     /* Footer */
     footer textarea {width:calc(100% - 75px)}
     footer button[type="submit"] {border-radius: 50%; width: 60px; height: 60px}

     /* Homepage */
     .getinspired-wrapper .slick-next {right: calc(50% - 20px)}

     /* Store Locator Detail */
     .store-locator-detail img.rounded-circle {max-width: 100%}

     /* Heros */
     .hero-wrapper-xl .media-with-captions .caption-wrapper {width: calc(100% - 240px);max-width: 1700px}

}

@media (min-width: 768px) {	
     /* Typography */
     

     /* Header */
     header .container-fluid {padding-left: 30px; padding-right: 30px;}

     /* Fixed Header */
     .fixed-header header {padding-right: 60px; position:fixed; -webkit-animation: fixed-header 500ms ease-out; animation: fixed-header 500ms ease-out;background: #fff; box-shadow: 0px 15px 15px 0px rgba(0, 0, 0, 0.1);}
     .fixed-header .header-overlay header {top: 0px}
     .fixed-header .header-overlay header .logo {flex-shrink:0; margin-top: 0px; background: url(/img/cherokee-brick-logo-horizontal-dark.png) no-repeat; background-size: contain; width: 140px; height: 55px; }
     .fixed-header .header-overlay .headermenu .mainmenu > li > a, .fixed-header .header-overlay header .mainmenu > li > a:hover, .fixed-header .header-overlay header .mainmenu > li > a:focus {color: #212529}
     .fixed-header .header-overlay .hamburger-inner,.fixed-header .header-overlay .hamburger-inner:after, .fixed-header .header-overlay .hamburger-inner:before {background-color: #212529}
     .fixed-header .header-overlay .headermenu .btn-toggle-search {background: #A6B5BB;position: absolute; top: 15px; right: 30px}
     .fixed-header .header-overlay .headermenu .mainmenu > li > span {color: #AC493D; opacity: 1}
     .fixed-header .header-overlay .btn-toggle-fullscreen {display:none}

     @-webkit-keyframes fixed-header {
          0% { transform: translateY(-170px); }
          100% { transform: translateY(0px); }
      }
      @keyframes fixed-header {
          0% { transform: translateY(-170px); }
          100% { transform: translateY(0px); }
      }
 
      /* 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 #AC493D;position: absolute; right: -9px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);}
     
     /* Alert */
     .alert-wrapper {position: absolute;}
     .alert-wrapper .btn {right: 30px;}

     /* Heros */
     .hero-wrapper h1 {font-size: 3rem;}
     .hero-wrapper-md {height: 500px}
     .hero-wrapper-lg {height: 600px}
     .hero-wrapper-xl, .hero-wrapper-xl .slick-track {height: 700px}

     /* Store Locator */
     .store-locator #map {height: 600px}
     .store-locator .locations {height: 550px;}
     .store-locator .locations.active {height: 445px}
     .store-locator .filters.has-lat-lon + .locations.active {height: 370px}

     /* Mastheads */
     .masthead-wrapper-md {height: 350px}

     /* Images */
     .img-fit {height:400px}
}

@media (min-width: 980px) {	
     .headermenu .mainmenu {display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex}
     .headermenu .fa-angle-down, .headermenu .btn-toggle-search, .headermenu .btn-toggle-fullscreen {display:block}
     .headermenu .btn-toggle-offcanvas {display:none}
}

@media (min-width: 992px) {	
     /* Homepage */
     .getinspired-wrapper .slick-next {right: 20.1vw}

     /* Store Locator Detail */
     .store-locator-detail img.rounded-circle {max-width: 230px}

     /* Images */
     .img-fit {height:600px}

     /* Grid */
     .content-inner {width: 55%}

     /* Heroes */
     .hero-wrapper-lg .btn-scrolldown {bottom: 60px}
}

@media (min-width: 1200px) {	

}

@media (min-width: 1400px) {	
     /* Layouts */
     .content-inner {width: 50%}
     
     /* Homepage */
     .getinspired-wrapper .slick-next {right: 14.9vw}
}

@media (min-width: 1700px) {	
     /* Homepage */
     .getinspired-wrapper .slick-next {right: 12.2vw}
}

@media (min-width: 1920px) {
     .header-overlay .headermenu .btn-toggle-search {background: rgba(255,255,255,.2);position: absolute; top: 17px;right: 200px}
          .header-overlay .btn-toggle-fullscreen {position: absolute; z-index: 3; top: 19px; right: 255px; height: 25px; width: 25px; border-radius: 50%;font-size: .625rem;background: rgba(255,255,255,.2); color: #fff; padding: 0px}


     .hero-wrapper {position: relative; max-width: 1920px; margin: 0 auto;}

     .hero-wrapper .pagemenu {position: absolute; right: 5px; top: 50%; transform: translateY(-50%); background: rgba(172, 73, 61, 0.7); border-radius: 15px 0 0 15px; padding: 5px 15px; max-width: 170px; line-height: 1.4;}

     .header-overlay { position: relative; max-width: 1920px; margin: 0 auto; }
     .header-overlay .headermenu .btn-toggle-search { background: rgba(255,255,255,.2); position: absolute; top: 17px; right: 55px; }
     .header-overlay .btn-toggle-fullscreen { position: absolute; z-index: 3; top: 19px; right: 20px; height: 25px; width: 25px; border-radius: 50%; font-size: .625rem; background: rgba(255,255,255,.2); color: #fff; padding: 0px; }
}



@media (prefers-reduced-motion: reduce) {
     * { animation-duration: 0.01ms !important;animation-iteration-count: 1 !important;transition-duration: 0.01ms !important;scroll-behavior: auto !important;transition: none !important}
}