/* ==========================================================================
     Project:     Georgia Equine Commission
     Date:        10/17/2022 - File created	
     Created by:  Third Wave Digital (www.thirdwavedigital.com)
========================================================================== */

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

body {font-family: "Sofia-Pro", sans-serif;color:#030504;}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 {font-family: "Sofia-Pro", sans-serif; font-weight:700; line-height: 1.1; color: #030504;margin-bottom: 1.5rem}

/* ==========================================================================
     Main Layout
========================================================================== */ 
/* Page Wrapper  */
.page-wrapper{}
     .page-wrapper p{line-height: 1.6;}

/* Header */
header {font-weight: 500;}

     /* Header menus */
     .headermenu ul {margin: 0px; padding: 0px; list-style:none;position: relative;}
     .headermenu li {display:inline-block;position: relative;height: 100%}
     .headermenu li.show {display: inline-block !important}
     .headermenu li > a {text-decoration: none;height: 100%;padding: 10px 0px; margin: -10px 0px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items:center; }
     .headermenu ul ul {font-size: .75rem;} 

     .headermenu .mainmenu {font-size: 1rem}
     .headermenu .mainmenu a {color: #030504;}
     .headermenu .mainmenu > li a:hover, .headermenu .mainmenu > li a:focus {color: #AE0721; }
     .headermenu .mainmenu > li { position: relative;} 
     .headermenu .mainmenu > li {margin-right: 30px}
     .headermenu .mainmenu > li:last-child {margin-right: 0px}
     .headermenu .mainmenu > li.active > a::after {content:""; position: absolute; width: 100%; bottom: -21px; left: 0px; height: 2px; background: #FFF500}
     .headermenu .mainmenu > li span {font-size: .688rem; margin: 3px 0px -3px 5px; transition: transform 250ms ease}
     .headermenu .mainmenu > li:hover span {-webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg)}

     .headermenu .quicklinks {font-size: .688rem}
     .headermenu .quicklinks a, .headermenu .quicklinks .btn {color: #fff;}
     .headermenu .quicklinks .btn {padding: 0px; font-size: .75rem;}
     .headermenu .quicklinks .btn:hover, .headermenu .quicklinks .btn:focus {color: #AE0721; }
     .headermenu .quicklinks > li > a:hover, .headermenu .quicklinks > li > a:focus {text-decoration: underline;}
     .headermenu .quicklinks > li {margin-left: 20px}
     .headermenu .quicklinks > li.active > a {text-decoration: underline;}

	/* Header menu dropdowns */
	.headermenu ul ul {text-align:left; z-index:3; text-transform: none; background: #E7D9C8; border-radius: 4px; font-size: .75rem; font-weight: normal; pointer-events:none; width: 200px;top:100%;position: absolute; left: 50%; margin-left: -100px;opacity: 0; visibility: hidden; transition: all 250ms ease;box-shadow:  0px 5px 15px 0px rgba(0, 0, 0, 0.05);}
          .headermenu ul 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 #E7D9C8;}
          .headermenu ul ul.active {opacity:1; pointer-events: all;visibility: visible;top: calc(100% + 10px)}
          .headermenu ul ul li {display:block;}
          .headermenu ul ul li:first-child a {border-radius: 4px 4px 0px 0px}
          .headermenu ul ul li:last-child a {border-radius: 0px 0px 4px 4px}
          .headermenu ul ul li:not(:last-child) { border-bottom: 1px solid rgba(0,0,0,.05)}
          .headermenu ul ul a {padding: 7.5px; margin: 0px; line-height: 1.2; color: #AE0721; transition: background .25s ease;width: 100%;display:block}
          .headermenu ul ul a:hover, .headermenu ul ul a:focus {}

     /* Offcanvas hamburger */
     header .hamburger-inner, header .hamburger-inner:after, header .hamburger-inner:before {background: #030504}

 /* Offcanvas menu */
.offcanvasmenu {position:fixed; width: 100%; top: 58px;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 ul {list-style:none; margin: 0px; padding:0px; background: #fff;text-transform: uppercase;}
     .offcanvasmenu ul > li {border-bottom: 1px solid #e5e5e5; position: relative;}
     .offcanvasmenu ul a:not(.btn) {height: 48px; color: #AE0721; display: block; padding: 0px 15px;text-decoration: none; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items:center;}
     .offcanvasmenu ul a:not(.btn):hover, .offcanvasmenu ul a:not(.btn):focus {background: rgba(0,0,0,.05); color:#AE0721; }
     .offcanvasmenu ul li a[aria-haspopup] {margin-right: 45px;}
     .offcanvasmenu ul li .fa-angle-right {margin-right: 10px}
     .offcanvasmenu ul li .fa-angle-down {font-size: 1rem; transition: transform 200ms ease-in-out}
     .offcanvasmenu ul li .fa-angle-down.rotate {-webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg)}
     .offcanvasmenu ul li ul { font-weight: 400; list-style:none; background: #f9f9f9; color: #AE0721;margin: 0;font-size:.875rem; padding: 0px; text-transform:none;visibility: hidden; overflow:hidden; height: 0px; transition: all 500ms ease; opacity: 0;}
     .offcanvasmenu ul li ul li { font-weight: 400; margin-bottom: 0px;}
     .offcanvasmenu ul li ul a:not(.btn) {height:auto; min-height: 40px;color: }

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

     .offcanvasmenu ul li ul.active {visibility: visible;overflow:visible;height:auto;opacity:1}

     .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 .quicklinks {text-transform:none; text-align:center}
     .offcanvasmenu .quicklinks li {border:none; display:inline-block}
     .offcanvasmenu .quicklinks li a:hover, .offcanvasmenu .quicklinks li a:focus {background:none;text-decoration: underline;}

     .offcanvasmenu .bg-grey {background: #f1f1f1; border-bottom: 3px solid #030504; 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:5px; border-radius: 0px;background:none; font-size: .75rem}
     .offcanvasmenu form .btn:hover, .offcanvasmenu form .btn:focus {color: #030504}
     .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 40px 0px 15px;border-radius: 18px;}

     /* 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: 2; visibility: visible; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1);}

/* Footer */
footer {background: url(/img/bg-footer.jpg) center center no-repeat; background-size: cover; color: #fff}
     footer img {filter: brightness(0) invert(1);}
     footer p, footer a {color: #E7D9C8}

/* ==========================================================================
     Components
========================================================================== */ 

/* Links */
a {color: #AE0721;text-decoration: underline;}
a:hover { text-decoration: none;color: #AE0721}

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

/* 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:#AE0721}
     .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)}

/* Mastheads */
.masthead-wrapper {height: 200px; position: relative; z-index: 0;}
     .masthead-wrapper::before {z-index:-1; content:""; position: absolute; bottom: 0px; left: 0px; width: 100%; height: 50%; background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,.85) 100%);}
     .masthead-wrapper-lg {height: 300px; border:none}
     .masthead-wrapper-lg::before {background: rgba(5,14,93,.7);}
     .masthead-wrapper h1 {position: relative; z-index: 1}
     .masthead-wrapper p {display:inline-block; margin: 0px}
     .masthead-wrapper *:not(.btn):not(.text-yellow) {color: #fff}
     .masthead-wrapper .cms-contentmenu {position: absolute; top: 30px; left: 15px; z-index: 1}

/* 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: #AE0721; 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: #030504}
     .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}

/* 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;}

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

/* Images, Videos */
img, video {max-width: 100%;}

.obj-fit {position: relative;min-height: 250px}
     .obj-fit-overlay::before {z-index: 0; content:""; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: rgba(0,0,0,.5);}
     .obj-fit img, .obj-fit video {position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; object-fit:cover;z-index:-1}
     .obj-fit p {margin: 0px;display:inline} /* CKeditor might have wrapped the image with a <p> tag */
     .obj-fit-top-center img,.obj-fit-top-center video {object-position: top center; font-family: "object-fit: cover; object-position: top center;"}
     .obj-fit-bottom-center img,.obj-fit-bottom-center video {object-position: bottom center; font-family: "object-fit: cover; object-position: bottom center;"}
     .obj-fit-center-center img,.obj-fit-center-center video {object-position: center center; font-family: "object-fit: cover; object-position: center center;"}
     .obj-fit-right-center img, .obj-fit-right-center video {object-position: right center; font-family: "object-fit: cover; object-position: right center;"}

.obj-aspectratio {position:relative;}
     .obj-aspectratio-4x3 { padding-bottom: 75%;}
     .obj-aspectratio-16x9 {padding-bottom: 56.25%}
     .obj-aspectratio-22x15 {padding-bottom: 70%}
     .obj-aspectratio-1x1 {padding-bottom: 100%}

/* News Press */
.cms-newspress-list .pagination, .cms-newspress-list .dataTables_info {font-size: .813rem}
.cms-newspress-list .page-item.active .page-link {border-color: #AE0721; background-color: #AE0721}
.cms-newspress-detail .text-primary {color: #AE0721 !important}
.cms-newspress-main .badge-primary {background: #AE0721}

/* Accordions */
.cms-accordion {margin-bottom: 1rem}
.cms-accordion .card-header {font-weight: 700; font-size: .875rem}
.cms-accordion .card-header[aria-expanded=false] {border-color: transparent;display:table;}
.cms-accordion .card-header::before {content:""; font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f106";transition: transform 250ms ease;color:#AE0721;width: 30px; margin-left: -5px; text-align:center}
.cms-accordion .card-header[aria-expanded=true]::before {-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg);}
.cms-accordion .card-body p:last-child {margin-bottom:0px}
.cms-accordion .card:not(:last-of-type), .cms-accordion >.card:not(:first-of-type) {border-bottom: 1px solid rgba(0,0,0,.125); border-radius: .25rem}
.cms-accordion .btn-link {color: #AE0721;}
.cms-accordion .btn-link:hover, .cms-accordion .btn-link:focus {text-decoration: none}

/* Tabs */
.cms-tabs .nav-pills .nav-link.active, .cms-tabs .nav-pills .show>.nav-link {background-color: #AE0721;}

/* Slideshows, with !important overrides for CMS */
.caption-inside-center .slick-controls .slick-prev, .caption-inside-center .slick-controls .slick-next {opacity: 1; top: 50%; margin-top: -17.5px; bottom:auto; width: 30px; height: 30px; border-radius: 50%;}
.caption-inside-center .slick-controls .slick-prev {left:15px}
.caption-inside-center .slick-controls .slick-next {right: 15px}
.caption-inside-center .angle {border-color: #fff !important; width: 15px !important; height: 15px !important}
.caption-inside-center .angle-right {margin-left: 7px !important}
.caption-inside-center .slick-controls .slick-dots {bottom: 20px; position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%);}
.caption-inside-center .slick-controls .slick-dots li {padding: 0px 2px;}
.caption-inside-center .slick-controls .slick-dots button, .caption-inside-center .slick-controls .slick-dots .slick-active button {background: #fff}

.caption-inside-center .item {min-height: unset !important}   /* Remove min height set from cms slideshow plugin */
.caption-inside-center .item::before {z-index: 1; content:""; position: absolute; bottom: 0px; left: 0px; width: 100%; height: 50%; background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,.85) 100%);}
.caption-inside-center .item-inner {height: 100%}
.caption-inside-center .caption-wrapper {width: calc(100% - 80px) !important;top: auto !important; left: 0px !important; right: 0px; bottom: 30px !important; -webkit-transform: none !important; transform: none !important}
.caption-inside-center .caption-wrapper h2 { max-width: 850px; margin-left: auto; margin-right: auto}
.caption-inside-center .caption-wrapper p {max-width:600px; margin-left: auto; margin-right: auto}
.caption-inside-center img {width: 100%}

/* ==========================================================================
     CMS Classes
========================================================================== */

/* Buttons */
.btn-red-border, .caption-inside-center .btn-primary, .cms-form .btn-primary, .btn-link {border: 1.5px solid #AE0721;background:none; color: #AE0721; font-size: .75rem; line-height: .75rem; text-decoration: none; font-family: "Sofia Pro", sans-serif;font-weight: 700; text-transform: uppercase; transition: background 250ms ease; padding: 8px 25px; margin: 0px;}
     .btn-red-border:hover, .cms-form .btn-primary:hover,
     .btn-red-border:focus, .cms-form .btn-primary:focus {border-color: #030504; color: #030504}

     .caption-inside-center .btn-primary {color: #fff}
          .caption-inside-center .btn-primary:hover, 
          .caption-inside-center .btn-primary:focus {border-color: #fff; color: #fff}

     .btn-link {border:none}

     .btn-sm {font-size: .6875rem; padding: 5px 20px}
     .btn-lg {padding: 12.5px 50px}

/* Text */
.text-eyebrow {font-size: .75rem; font-weight: 700; text-transform: uppercase; margin-bottom: 0px;color: #AE0721}
.card-custom .text-eyebrow {color: #fff; opacity: .7}
.lead {color: #444;font-size: 1.063rem}

/* Backgrounds */
.bg-beige {background: #E7D9C8}
     .bg-beige p:last-child {margin-bottom: 0px}
.bg-dark {background: #030504 !important}

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

/* Home */
.about-wrapper {}
     .about-wrapper [class*="col-"]:nth-child(1) .card-custom {background: url(/img/faqs.jpg) center center no-repeat; background-size: cover;}
     .about-wrapper [class*="col-"]:nth-child(2) .card-custom {background: url(/img/equine-care.jpg) center center no-repeat; background-size: cover;}
     .about-wrapper [class*="col-"]:nth-child(3) .card-custom {background: url(/img/helpful-links.jpg) center center no-repeat; background-size: cover;}
     .about-wrapper .card-custom h3, .about-wrapper .card-custom p, .about-wrapper .card-custom .btn-link {color: #fff}
     .about-wrapper .btn-link:hover, .about-wrapper .btn-link:focus {text-decoration:none}
     .about-wrapper .card-custom p:last-child {margin-bottom:  0px;}

/* Default */
aside.bg-beige {overflow:hidden}

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

/* Min Width */
@media (min-width: 0px) {	
     /* Header */
     header {height: 60px}
     header .logo img {width: 130px}
     .headermenu .mainmenu, .headermenu .quicklinks {display:none}

     /* Heros */
     .caption-inside-center .slick-track {height: 550px} /* Negates adaptiveHeight on cms slideshow plugin */
     .caption-inside-center h2 {font-size: 2.25rem;margin-bottom: 1rem !important}
}

@media (min-width: 576px) {    
    
}

@media (min-width: 768px) {	
     /* Grid */
     .container-fluid  {padding-left: 30px; padding-right: 30px}

     /* Header */
     header {height:auto}
     header .logo img {width: 190px}
     .headermenu .mainmenu, .headermenu .quicklinks {display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex;}
     .headermenu .btn-toggle-offcanvas {display:none}

     /* Heros */
     .caption-inside-center .slick-track {height:600px} /* Negates adaptiveHeight on cms slideshow plugin */
     .caption-inside-center h2 {font-size: 3rem;margin-bottom: 1.5rem !important}
}

@media (min-width: 992px) {	

}

@media (min-width: 1200px) {	
  
}