/*   
Theme Name: Carolina Internal Medicine Associates
Author: Sandlapper Creative
Author URI: http://www.sandlappercreative.com
Version: 1.0
*/

/*Reset*/
a,hr{padding:0}a,input[type=checkbox]{vertical-align:baseline}article,aside,figure,footer,header,hgroup,hr,img.aligncenter,nav,section{display:block}abbr,address,article,aside,audio,b,blockquote,body,caption,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{border:0;outline:0;font-size:100%;vertical-align:baseline;background:0 0;margin:0;padding:0}td,td img{vertical-align:top}embed,img,object{max-width:100%;height:auto;}html{overflow-y:scroll}ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:none}a{font-size:100%;background:0 0;margin:0}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help}.alignleft,img.alignleft{float:left;margin:15px 15px 15px 0}alignright,img.alignright{float:right;margin:15px 0 15px 15px}.aligncenter,img.aligncenter{margin:15px auto}table{border-collapse:collapse;border-spacing:0;font:100%}th{vertical-align:bottom}td{font-weight:400}hr{height:1px;border:0;border-top:1px solid #ccc;margin:1em 0}input,select{vertical-align:middle}pre{white-space:pre-line;word-wrap:break-word}input,select,textarea{font:99% sans-serif}a:active,a:hover{outline:0}small{font-size:85%}strong,th{font-weight:700}sub,sup{font-size:75%;line-height:0;position:relative}sup{top:-.5em}sub{bottom:-.25em}code,kbd,pre,samp{font-family:monospace,sans-serif}.clickable,button,input[type=button],input[type=submit],label{cursor:pointer}button,input,select,textarea{margin:0}button{width:auto;overflow:visible}.ie7 img{-ms-interpolation-mode:bicubic}.ie6 html{filter:expression(document.execCommand("BackgroundImageCache",false,true))}.clearfix:after,.clearfix:before{content:"\0020";display:block;height:0;overflow:hidden}.clearfix:after{clear:both}.clearfix{zoom:1}.ie6 input,input[type=radio]{vertical-align:text-bottom}


/*Styles*/

body{}
body, select, input, textarea{ font-family: "Albert Sans", Helvetica, Arial, sans-serif;}

a{ color: #005230;}
a:hover, a:focus{ color: #16c275;}
.button, button{ -webkit-appearance: none; display: inline-block; font-size: 14px; line-height: 14px; font-weight: 800; text-transform: uppercase; color: #005230; text-decoration: none; padding: 20px 40px; letter-spacing: .05em; border: 2px solid #16c275; border-radius: 1000px;}
.button:hover, button:hover, .button:focus, button:focus{ background-color: #005230; color: #fff; border: 2px solid #005230;}
.screen-reader{ position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden;}
a, img, .button, button{ transition: all .15s ease 0s;}

h1, h2, h3, h4, h5, h6{ line-height: normal; color: #005230; font-weight: 800;}
h1{ font-size: 60px;}
h2{ font-size: 48px;}
h3{ font-size: 36px;}
h4{ font-size: 30px;}
h5{ font-size: 24px;}
h6{ font-size: 21px;}
.subheadline{ color: #16c275; font-weight: 900; font-size: 14px; line-height: 14px; text-transform: uppercase; letter-spacing: .1em;}

.page-wrap{}
.wrapper, .container{ width: 95%; max-width: 1400px; margin: 0 auto;}
.container{ display: flex;}
.wrapper:after{ content: ""; display: table; clear: both;}

nav ul{ list-style: none; position: relative; float:left; margin:0; padding:0;}
nav ul a{ display: block; line-height: 32px; text-decoration: none;}
nav ul li{ position: relative; float: left; margin: 0; padding: 0;}
nav ul li.current-menu-item a, .nav ul li:hover > a{}
nav ul ul{ display: none; position: absolute; top: 100%; left: 0; padding: 0; text-align: left;}
nav ul ul li{ float: none; width: 200px;}
nav ul ul a{ line-height: 120%;}
nav ul ul ul{ top: 0; left: 100%;}
nav ul li:hover > ul{ display: block;}

.header{ padding: 20px 0;}
.header .nav{ font-weight: 600; font-size: 15px;}
.header .nav li{ margin: 0 20px;}
.header .container{ align-items: center; justify-content: space-between;}
.header .header-buttons{ display: flex;}
.header .header-buttons li{ margin-left: 20px;}
.header .header-buttons li .button{ padding: 15px 35px;}
.header .header-buttons li:nth-of-type(2) .button{ background-color: #16c275; color: #fff;}
.header .header-buttons li:nth-of-type(2) .button:hover{ background-color: #005230;}
.header .nav .menu-item-has-children > a:after{ content: ""; display: inline-block; width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 5px solid #16c275; margin-left: 6px; vertical-align: middle; position: relative; top: -1px;}
.header .sub-menu{ z-index: 9; left: -23px; background-color: #fff; padding: 10px 0;}
.header .sub-menu a{ padding: 5px;}

#rmp_menu_trigger-168:hover, #rmp_menu_trigger-168:active, #rmp_menu_trigger-168:focus{ border: none;}
.rmp-menu-additional-content{ margin-top: 45px;}
.rmp-menu-additional-content a{ -webkit-appearance: none; display: inline-block; font-size: 14px; line-height: 14px; font-weight: 800; text-transform: uppercase; color: #fff; text-decoration: none; padding: 20px 40px; letter-spacing: .05em; border: 2px solid #16c275; border-radius: 1000px; display: block; margin-bottom: 20px;}
.rmp-menu-additional-content a:hover{ background-color: #16c275;}

.content{ color: #012e1a;}
.content p{ margin-top: 15px;}
.content ul{ list-style: disc; margin: 15px 0 0 30px;}
.content ol{ margin: 15px 0 0 30px;}
.meta{}

.sidebar{}

.navigation{ padding: 0; text-align: center;}
.navigation li a, .navigation li a:hover, .navigation li.active a, .navigation li.disabled{ color: #fff; text-decoration: none;}
.navigation li{ display: inline;}
.navigation li a, .navigation li a:hover, .navigation li.active a, .navigation li.disabled{ background-color: #666; cursor: pointer;}
.navigation li a:hover, .navigation li.active a{ background-color: #333;}

.search-form{}
.search-input{}
.search-submit{}

.footer{ background-color: #012e1a; color: #fff; padding: 30px 0 60px; font-size: 14px; line-height: 18px;}
.footer .container{ justify-content: space-between;}
.footer .footer-left{ display: flex; justify-content: space-between; width: 55%;}
.footer .footer-left a{ color: #fff; text-decoration: none;}
.footer .footer-left a:hover{ color: #16c275;}
.footer .contact{ margin-top: 30px;}
.footer .map{ margin: 5px 0 15px;}
.footer .map a{ color: #16c275;}
.footer .map a:hover{ color: #fff;}
.footer .phone{ margin-bottom: 15px;}
.footer .fax{ margin-top: 0;}
.footer .contact .address{ margin-top: 0;}
.footer .footer-nav{ font-size: 14px; line-height: 28px; margin-top: 25px;}
.footer .signoff{ text-align: right; font-size: 12px; line-height: 16px; display: flex; flex-direction: column; justify-content: space-between;}
.footer .social{ font-size: 30px; margin-top: 30px;}

.video-wrapper{ position: relative; padding-bottom: 56.25%; height: 0;}
.video-wrapper iframe{ position: absolute; top: 0; left: 0; width: 100%; height: 100%;}


/* Notice Bar */

#notice-bar{ background-color: #16c275; color: #fff; display: flex; align-items: center; justify-content: center; padding: 12px 50px; position: relative; font-size: 14px; line-height: 20px; font-weight: 600; text-align: center;}
#notice-bar[data-link]{ cursor: pointer;}
#notice-bar .notice-inner p{ margin: 0;}
.notice-close{ position: absolute; right: 20px; top: 50%; transform: translateY(-50%); background: none; border: none; color: #fff; font-size: 22px; line-height: 1; cursor: pointer; padding: 5px; font-weight: 300;}
.notice-close:hover, .notice-close:focus{ background: none; color: #fff; border: none;}


/* Shared Sections */

.hero{ background-size: cover; background-position: center center; position: relative; padding: 80px 0;}
.hero:after{ content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to right,  rgba(1,46,26,0.95) 0%,rgba(1,46,26,0.95) 25%,rgba(1,46,26,0) 100%);}
.hero .wrapper{ position: relative; z-index: 2;}
.hero h1{ color: #fff; font-size: 48px; line-height: 48px;}


.columns{ background-color: #f7f2e4; padding: 80px 0 100px;}
.columns .columns-intro{ display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 40px;}
.columns .columns-intro .columns-headlines, .columns .columns-intro .intro{ width: 46%;}
.columns .columns-intro .columns-headlines h2{ margin-top: 30px; font-size: 48px; line-height: 52px;}
.columns .columns-intro .intro{ text-align: right; font-size: 16px; line-height: 24px;}
.columns .columns-grid{ display: grid; grid-template-columns: repeat(3,1fr); gap: 20px;}
.columns .single-column{ background-color: #fff; padding: 40px 30px; border-radius: 20px;}
.columns .single-column .icon{ width: 48px; height: 48px; display: flex; align-items: center; justify-content: center;}
.columns .single-column h3{ font-size: 21px; margin: 40px 0 5px; font-weight: 600;}
.columns .single-column p{ margin: 0; font-size: 16px; line-height: 21px;}

.callouts .single-callout{ display: flex; justify-content: space-between; align-items: center; background-color: #fbfaf8;}
.callouts .single-callout:nth-of-type(even){ flex-direction: row-reverse;}
.callouts .single-callout .callout-visual{ width: 50%; background-size: cover; background-position: center center; aspect-ratio: 1/1;}
.callouts .single-callout .callout-content{ padding: 60px 5%; width: 50%; box-sizing: border-box; font-size: 16px; line-height: 24px;}
.callouts .single-callout h2{ margin: 30px 0 20px; font-size: 48px; line-height: 48px;}
.callouts .single-callout .button{ margin-top: 40px;}

.cta{ text-align: center; font-size: 16px; line-height: 24px; background-color: #def0ff; padding: 80px 0 100px;}
.cta .wrapper{ max-width: 700px;}
.cta h2{ font-size: 48px; line-height: 48px; margin: 30px 0 0;}
.cta .button{ margin-top: 30px;}


/* Home */

.home .hero{ aspect-ratio: 16/9; display: flex; align-items: center; min-height: 600px;}
.home .hero .hero-content{ width: 55%; color: #fff; font-size: 16px; line-height: 28px;}
.home .hero h1{ margin: 40px 0 20px; font-size: 60px; line-height: 64px;}
.home .hero ul{ list-style: none; margin: 0;}
.home .hero .button{ color: #fff; margin-top: 50px;}

.home .cta{ background-image: url(images/home-cta.jpg); background-size: cover; background-position: center bottom; background-repeat: no-repeat; padding: 80px 0 320px;}
.home .cta .buttons{ list-style: none; margin: 30px 0 0; display: flex; justify-content: center;}
.home .cta .buttons li{ margin: 0 10px;}
.home .cta .buttons .button{ margin: 0;}
.home .cta .buttons li:nth-of-type(even) .button{ background-color: #16c275; color: #fff;}
.home .cta .buttons li:nth-of-type(even) .button:hover{ background-color: #005230;}


/* Flex */

.faqs{ padding: 100px 0 140px;}
.faqs .container{ justify-content: space-between;}
.faqs .faq-intro, .faqs .tabs{ width: 46%;}
.faqs .faq-intro{ font-size: 16px; line-height: 24px;}
.faqs .faq-intro h2{ font-size: 48px; line-height: 48px; margin-top: 30px;}
.tabs input{ position: absolute; opacity: 0; z-index: -1;}
.tabs .row{ display: flex;}
.tabs .row .col{ flex: 1;}
.tabs .row .col:last-child{ margin-left: 1em;}
.tabs{ overflow: hidden; margin-top: 40px;}
.tabs .tab{ width: 100%; overflow: hidden; border-bottom: 1px solid #16c275;}
.tabs .tab:nth-last-of-type(1){ border: none;}
.tabs .tab-label{ display: flex; justify-content: space-between; padding: 1em 0; cursor: pointer; font-size: 21px; font-weight: 700; color: #005230;}
.tabs .tab-label:hover{}
.tabs .tab-label::after{ content: "+"; width: 1em; text-align: center; transition: all 0.35s; width: 30px; height: 30px; background-color: #def0ff; display: flex; align-items: center; justify-content: center; border-radius: 1000px; font-size: 18px; line-height: 18px; font-weight: 500;}
.tabs .tab-content{ max-height: 0; padding: 0; transition: all 0.35s; display: none; opacity: 0; visibility: hidden;}
.tabs .tab-close{ display: flex; justify-content: flex-end; padding: 1em; cursor: pointer;}
.tabs .tab-close:hover{}
.tabs input:checked + .tab-label{ padding-bottom: 0;}
.tabs input:checked + .tab-label::after{ content: "-";}
.tabs input:checked ~ .tab-content{ max-height: 100vh; padding: 0 45px 30px 0; display: block; opacity: 1; visibility: visible;}
.tabs .tab-content p:nth-of-type(1){ margin-top: 5px;}

.basic-content{ padding: 120px 0 140px; font-size: 16px; line-height: 26px;}
.basic-content .wrapper{ max-width: 740px;}

.team-container{ background-color: #f7f2e4; padding: 80px 0 120px;}
.team-container .subheadline, .team-container h2{ text-align: center;}
.team-container h2{ margin-top: 30px;}
.team-container .team-grid{ display: grid; grid-template-columns: repeat(3,1fr); gap: 20px; margin-top: 50px;}
.team-container .team-grid .team-member{ background-color: #fff;}
.team-container .team-grid .team-visual{ background-size: cover; background-position: center center; aspect-ratio: 1/1;}
.team-container .team-grid .team-text{ padding: 40px 20px 30px;}
.team-container .team-grid .team-text h3{ font-size: 21px; line-height: 24px;}
.team-container .team-grid .team-text p{ margin: 10px 0 0; font-size: 14px; font-weight: 700; color: #16c275;}
.team-container .team-grid .team-member a{ text-decoration: none;}

.cards{ background-color: #f7f2e4; padding: 80px 0 120px;}
.cards .card-grid{ display: grid; grid-template-columns: repeat(3,1fr); gap: 20px;}
.cards .card-grid .single-card{ background-color: #fff;}
.cards .card-grid .card-content{ padding: 30px 30px 45px; font-size: 14px; line-height: 21px;}
.cards .card-grid .card-content h3{ font-size: 21px; line-height: 24px;}
.cards .card-grid .card-content ul{ margin-left: 15px;}
.cards .card-grid .card-content ul li{ margin-top: 5px;}
.cards .card-grid .card-visual{ background-size: cover; background-position: center center; aspect-ratio: 16/9;}

.documents{ background-color: #f7f2e4; padding: 80px 0 120px;}
.documents .wrapper{ max-width: 960px;}
.documents .document-list h3{ font-size: 24px; border-bottom: 1px solid #16c275;}
.documents .document-list .single-document:nth-last-of-type(1) h3{ border-bottom: none;}
.documents .document-list h3 a{ text-decoration: none; padding: 1em 0; display: block;}


/* Team Profile */

.team-hero{ background-color: #012e1a; padding: 60px 0; color: #fff;}
.team-hero .container{ justify-content: space-between; align-items: center;}
.team-hero .team-visual{ width: 30%; aspect-ratio: 1/1; background-size: cover; background-position: center center;}
.team-hero .team-content{ width: 65%; font-size: 18px; line-height: 28px;}
.team-hero .team-content h1{ color: #fff; font-size: 48px; line-height: 48px; margin-bottom: 20px;}
.team-hero .team-content .specialization{ margin: 0 0 15px; font-size: 16px; font-weight: 700; color: #16c275;}

.team-details{ background-color: #f7f2e4; padding: 60px 0 100px;}
.team-details .team-grid{ display: grid; grid-template-columns: repeat(4,1fr); gap: 60px; font-size: 16px; line-height: 20px;}
.team-details .team-grid h2{ font-size: 24px;}
.team-details .team-grid ul{ list-style: none; margin: 0;}
.team-details .team-grid ul li{ margin-top: 10px;}


/* Contact Page */

.contact .contact-container{ padding: 100px 0 60px; background-color: #def0ff;}
.contact .contact-container .container{ justify-content: space-between;}
.contact .contact-container .form, .contact .contact-container .contact-info{ width: 46%; font-size: 18px; line-height: 28px;}
.contact h1{ font-size: 48px;}
.contact .address, .contact .phone, .contact .fax, .contact .hours{ margin-top: 20px;}
.contact .address p, .contact .phone p, .contact .hours p{ margin: 0;}
.contact .address strong, .contact .phone strong, .contact .hours strong{ font-size: 21px; color: #005230; margin-bottom: 5px; display: block;}
.contact .address .directions{ margin-top: 5px;}
.contact .address .directions a{ font-weight: 700; color: #16c275; text-decoration: none;}
.contact .gform_body input, .contact .gform_body textarea{ padding: 20px !important; border: none; background: none; background-color: #fff;}
.contact .gform_body select{ -webkit-appearance: none; appearance: none; padding: 20px 50px 20px 20px !important; border: none; background-color: #fff; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23005230' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 20px center; background-size: 12px; width: 100%; cursor: pointer;}
.contact .gform_button{ background: none;}
.contact .gform_button:hover{ background: #005230;}

.contact .locations-container{ padding: 45px 0 0; }
.contact .locations-container h2{ text-align: center; margin-bottom: 45px;}
.contact .locations-container .single-location{ display: flex; align-items: center; justify-content: space-between; background-color: #f7f2e4}
.contact .locations-container .single-location:nth-of-type(even){ flex-direction: row-reverse;}
.contact .locations-container .single-location .map-wrapper, .contact .locations-container .single-location .location-details{ width: 50%; box-sizing: border-box;}
.contact .locations-container .single-location .map-wrapper{ aspect-ratio: 1 / 1;}
.contact .locations-container .single-location .map-wrapper iframe{ width: 100%; height: 100%; border: 0;}
.contact .locations-container .single-location .location-details{ padding: 0 5%;}
.contact .locations-container .single-location h3{ font-size: 30px; line-height: 34px; margin-bottom: 20px;}
.contact .locations-container .single-location .location-phone{ margin-bottom: 5px;}
.contact .locations-container .single-location .location-phone a{ font-weight: 700; text-decoration: none; color: #005230;}
.contact .locations-container .single-location .location-phone a:hover{ color: #16c275;}
.contact .locations-container .single-location .location-address{ color: #012e1a; font-size: 16px; line-height: 24px;}
.contact .locations-container .single-location .directions{ margin-top: 8px;}
.contact .locations-container .single-location .directions a{ font-weight: 700; color: #16c275; text-decoration: none;}
.contact .locations-container .single-location .directions a:hover{ color: #005230;}
.contact .locations-container .single-location .location-hours{ margin-top: 20px; font-size: 15px; line-height: 22px;}



/* Location Archive */

.archive-location .hero{ background-color: #012e1a;}
.archive-location .locations-container .single-location{ display: flex; align-items: stretch; background-color: #f7f2e4;}
.archive-location .locations-container .single-location:nth-of-type(even){ flex-direction: row-reverse;}
.archive-location .locations-container .single-location .map-wrapper, .archive-location .locations-container .single-location .location-details{ width: 50%; box-sizing: border-box;}
.archive-location .locations-container .single-location .map-wrapper{ aspect-ratio: 1/1; position: relative; overflow: hidden;}
.archive-location .locations-container .single-location .map-wrapper .location-image, .archive-location .locations-container .single-location .map-wrapper .location-map{ position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.archive-location .locations-container .single-location .map-wrapper .location-image img{ width: 100%; height: 100%; object-fit: cover; display: block;}
.archive-location .locations-container .single-location .map-wrapper .location-map{ opacity: 0; pointer-events: none; transition: opacity 1.2s ease;}
.archive-location .locations-container .single-location:hover .map-wrapper .location-map{ opacity: 1; pointer-events: auto; transition: opacity 0.6s ease 0.8s;}
.archive-location .locations-container .single-location:hover .map-wrapper .location-map{ opacity: 1; pointer-events: auto;}
.archive-location .locations-container .single-location .map-wrapper iframe{ width: 100%; height: 100%; border: 0; display: block;}
.archive-location .locations-container .single-location .location-details{ padding: 60px 5%; display: flex; flex-direction: column; justify-content: center; font-size: 16px; line-height: 24px;}
.archive-location .locations-container .single-location h2{ font-size: 36px; line-height: 40px; margin-bottom: 25px;}
.archive-location .locations-container .single-location .location-phone{ margin-bottom: 5px;}
.archive-location .locations-container .single-location .location-phone a{ font-weight: 700; text-decoration: none; color: #005230;}
.archive-location .locations-container .single-location .location-phone a:hover{ color: #16c275;}
.archive-location .locations-container .single-location .location-address{ color: #012e1a;}
.archive-location .locations-container .single-location .directions{ margin-top: 8px;}
.archive-location .locations-container .single-location .directions a{ font-weight: 700; color: #16c275; text-decoration: none;}
.archive-location .locations-container .single-location .directions a:hover{ color: #005230;}
.archive-location .locations-container .single-location .location-hours{ margin-top: 20px; font-size: 15px; line-height: 22px;}


/* Media queries */

@media (max-width: 1200px) {
	.header .nav{ display: none;}
	.header .header-buttons{ margin-right: 100px;}
}

@media (max-width: 960px) {
	.footer .footer-nav{ display: none;}
	.home .hero{ min-height: 0; aspect-ratio: auto; text-align: center;}
	.home .hero .hero-content{ width: 100%;}
	.hero h1{ font-size: 36px; line-height: 36px; text-align: center;}
	.home .hero h1{ font-size: 48px; line-height: 48px;}
	.hero::after{ background: rgba(1,46,26,0.8);}
	.columns .columns-intro{ flex-direction: column; justify-content: center; align-items: center;}
	.columns .columns-intro .columns-headlines, .columns .columns-intro .intro{ width: 100%; text-align: center;}
	.columns .columns-grid{ grid-template-columns: repeat(1,1fr);}
	.columns .columns-grid .single-column{ text-align: center; padding: 40px 30px 60px 30px;}
	.columns .single-column .icon{ margin: 0 auto;}
	.columns .single-column h3{ margin-top: 20px;}
	.callouts .single-callout{ flex-direction: column !important;}
	.callouts .single-callout .callout-visual{ aspect-ratio: 16/9; width: 100%;}
	.callouts .single-callout .callout-content{ width: 100%;}
	.footer .container, .footer .footer-left{ flex-direction: column; text-align: center; width: 100%;}
	.footer .signoff{ text-align: center;}
	.footer .footer-left img{ max-width: 100px; margin: 0 auto;}
	.footer .social{ margin-bottom: 30px;}
	.footer .contact{ margin-top: 0;}
	.home .cta{ background-size: 200%;}	
	.faqs .container{ flex-direction: column;}
	.faqs .faq-intro, .faqs .tabs{ width: 100%;}
	.team-container .team-grid, .team-details .team-grid{ grid-template-columns: repeat(2,1fr);}
	.team-hero .container{ flex-direction: column;}
	.team-hero .team-content{ width: 100%; text-align: center;}
	.team-hero .team-visual{ width: 300px; margin-bottom: 30px;}
	.contact .contact-container .container{ flex-direction: column-reverse;}
	.contact .contact-container .form, .contact .contact-container .contact-info{ width: 100%;}
	.contact .contact-container .contact-info{ text-align: center; margin-bottom: 45px;}
	.contact .locations-container .single-location{ flex-direction: column-reverse !important;}
	.contact .locations-container .single-location .map-wrapper, .contact .locations-container .single-location .location-details{ width: 100%;}
	.contact .locations-container .single-location .location-details{ text-align: center; padding: 15px 0 60px;}
	.contact .locations-container .single-location .map-wrapper{ aspect-ratio: 16/9;}
	.archive-location .locations-container .single-location{ flex-direction: column !important;}
	.archive-location .locations-container .single-location .map-wrapper, .archive-location .locations-container .single-location .location-details{ width: 100%;}
	.archive-location .locations-container .single-location .map-wrapper{ aspect-ratio: 16/9;}
	.archive-location .locations-container .single-location .location-details{ text-align: center; padding: 40px 5% 60px;}
	.cards .card-grid{ grid-template-columns: repeat(2,1fr);}
}

@media (max-width: 800px) {
	.header .header-buttons{ display: none;}
	.columns .columns-intro .columns-headlines h2, .callouts .single-callout h2, .cta h2, .team-hero .team-content h1{ font-size: 36px; line-height: 36px;}
	.content button, .content .button{ display: block; width: 100%; text-align: center; box-sizing: border-box;}
	.buttons{ display: block !important;}
	.buttons li{ margin-bottom: 20px !important;}
 }
 
 @media (max-width: 600px){
	 .team-container .team-grid, .team-details .team-grid{ grid-template-columns: repeat(1,1fr);}
	 .team-details .team-grid{ text-align: center;}
	 .cards .card-grid{ grid-template-columns: repeat(1,1fr);}
 }