/*
Theme Name: Alpha - GP Developer Child Theme
Template: generatepress
Theme URI: https://addisonhalldesign.com
Author: Addison Hall
Author URI: https://addisonhalldesign.com
Description: This is a child theme for GeneratePress for use in jumpstarting more customized development.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: gpc
Tags: two-columns, three-columns, one-column, right-sidebar, left-sidebar, fluid-layout, fixed-layout, responsive-layout, flexible-header, full-width-template, buddypress, custom-header, custom-background, custom-menu, custom-colors, sticky-post, threaded-comments, translation-ready, featured-images, theme-options, light, white, dark, black, blue, brown, gray, green, orange, pink, purple, red, silver, tan, yellow
*/

/*

CONTENTS:
1. Defaults
2. Header and Nav
3. Home Page
4. Content
5. Components
6. Widgets
7. Footer
8. Other
9. Animations

*/

/* ==========================================
=! DEFAULTS
------------------------------------------ */



/* ==========================================
=! HEADER AND NAV
------------------------------------------ */

.page-id-455 .gb-container.gb-container-ff7eabed {
    display: none;
}

.page-id-455 .gb-container.gb-container-ff7eabed.contact-hero {
    display: block;
}


.is-terms .entry-content {
    padding: 40px;
    max-width: 1000px;
    margin: 0 auto;
}

.main-nav li.special a {border:1px solid; border-radius:8px;}

.main-navigation.toggled .main-nav {
    
    background: #e1e2e3cc;
    border-radius: 12px;
    padding: 20px;
    backdrop-filter: blur(7px);
}
.main-navigation.toggled .main-nav li.special a {display: inline-block;}
#mobile-menu-control-wrapper .menu-toggle {padding-right:0; padding-left:0;}
#mobile-menu-control-wrapper button.menu-toggle{background: #54412747;
    text-align: center;
    padding: 8px 12px;
    line-height: 1;
    border-radius: 10px;}

/* ==========================================
=! HOME PAGE
------------------------------------------ */
.hp-hero .before-after-image-slider-advanced-wrapper {position: relative;}
.hp-hero .before-after-image-slider-advanced-wrapper .before-after-image-slider-advanced-pagination {display: none;}

.hp-hero .before-after-image-slider-advanced-wrapper .before-after-image-slider-advanced-images-wrapper {margin-top:-110px;}

.hp-hero .before-after-image-slider-advanced-wrapper .before-after-image-slider-advanced-title .title h3 {font-size:55px; font-weight: 500; color:var(--contrast-2); line-height: 1; margin-bottom: 0;}
.hp-hero .before-after-image-slider-advanced-wrapper .before-after-image-slider-advanced-description p {font-weight: 300; font-family: 'montserrat', sans-serif; font-size: 26px; color:var(--contrast-2); margin-top:20px;}

.hp-hero .before-after-image-slider-advanced-wrapper .before-after-image-slider-advanced-arrrow{position: absolute; left:60%; bottom:10px; z-index: 555;}

/*Slider drop shadow on image*/

.before-after-image-slider-advanced-images-wrapper {position: relative;}
.before-after-image-slider-advanced-images-wrapper:before {
	content:url('images/shadow-slider.webp'); 
	position: absolute; top:-150px; left:-300px;  width:20px; height: 20px; opacity: 0.5; transform: scale(1.3);}

.hp-hero .before-after-image-slider-advanced-images-wrapper:before {opacity:0.2;}

@media(max-width:650px){
    .is-terms .entry-content {
    padding: 15px;
    max-width: 1000px;
    margin
    }
	.before-after-image-slider-advanced-images-wrapper:before {
	 top:-160px; left:-260px; opacity: 0.35; transform: scale(0.9);
        }
	.hp-hero .before-after-image-slider-advanced-wrapper .before-after-image-slider-advanced-images-wrapper {
        margin-top:-70px;
        }
}

/*Video Slider*/
.slick-track {padding: 20px 0;}
.slider.video .slides .item {background: #fff; box-shadow: 4px 7px 21px -11px #838383;/*padding: 20px 20px 80px 20px;*/ text-align: center; margin: 0 15px; position: relative; transition:all ease 0.2s; padding: 0;}

.slider.video .slides .item:hover {transform: translateY(-5px)}

.slider.video .slides .item .play-button img{width:46px; height: 46px; position: absolute; left:10px; bottom:10px;opacity: 0.7; transition: all ease 0.2s; box-shadow: 0 0px 6px 2px rgba(0,0,0,.4); border-radius: 50%;}
.slider.video .slides .item .play-button img:hover {transform: scale(1.05);}

.slider.video .slides img {
	 height: 400px;
	 width: auto;
	 border-radius:4px;
	padding:0;
	/* padding: 20px;*/
}


.slider.video img.slick-arrow {
    width: 60px;
    height: 60px;
    background: #efb27a70;
    backdrop-filter: blur(10px);
    border-radius: 50%;
    padding: 14px;
}
.slider.video .slick-prev {left: 15px; z-index: 555;}
.slider.video .slick-next {right: 40px; z-index: 555;}


/*accordion*/
.gb-accordion .gb-icon {transition: all ease-out 0.3s; border-radius: 50%;}
.gb-accordion .gb-icon:hover {transform: rotate(45deg); background-color:#FEDEC9; }

.gb-accordion__item.gb-accordion__item-open .gb-icon:hover {transform: rotate(0deg); background-color:#FEDEC9; }

/* ==========================================
=! CONTENT
------------------------------------------ */
@media(max-width:550px){
	.gb-container p.gb-headline {font-size: 18px;}
	.contact-hero.gb-container {background-color: #d9d9d5; background-position: -5% center;}
}


ul.checkmark{
list-style: none;
	margin-left:33px;
	margin-top:10px;
}

ul.checkmar li {
position: relative;
}

ul.checkmark li:before {
content: '\2714 \fe0e';
color: var(--contrast);
display: inline-block;
width: 1em;
margin-left: -1.5em;
margin-right: 0.5em;
}


/* ==========================================
=! COMPONENTS
------------------------------------------ */
/*Fancybox*/
a.fancybox-inline {text-decoration: none;}
.fancybox-overlay {background-color: rgb(255 255 255 / 20%) !important;
    backdrop-filter: blur(16px);
}
.fancybox-wrap .fancybox-skin {background:none; padding: 0 !important;}
.fancybox-wrap.fancybox-opened .fancybox-skin,
.fancybox-overlay .fancybox-opened .fancybox-skin{box-shadow: 0 0px 15px 0px rgba(0, 0, 0, .25);
border-radius: 12px;}

.fancybox-wrap .fancybox-skin .fancybox-close {background: none; top:22px; right:22px; opacity: 0.7; transition: all ease 0.3s;width:47px; height: 47px;}
.fancybox-wrap .fancybox-skin .fancybox-close:hover {transform: rotate(90deg); transform-origin: center ;}
.fancybox-wrap .fancybox-skin .fancybox-close:hover {opacity: 1;}
.fancybox-wrap .fancybox-skin .fancybox-close:before {content:url('images/close-icon.png'); width:48px; height: 48px;}


.fancybox-nav span {visibility: visible !important;}
.fancybox-wrap .fancybox-skin a.fancybox-nav {width:10%;}
.fancybox-wrap .fancybox-skin a.fancybox-nav span {background-image: none;}
.fancybox-wrap .fancybox-skin a.fancybox-nav span:before {
	content:url('images/arrow-next.png'); width:46px; height: 46px; display: block;}

.fancybox-wrap .fancybox-skin a.fancybox-nav.fancybox-prev span:before {
	content:url('images/arrow-previous.png');}

.fancybox-wrap .fancybox-skin a.fancybox-nav.fancybox-next {right:-65px;}
.fancybox-wrap .fancybox-skin a.fancybox-nav.fancybox-prev {left:-90px;}

.no-pagination .before-after-image-slider-advanced-wrapper .before-after-image-slider-advanced-pagination,
.no-arrows .before-after-image-slider-advanced-wrapper .before-after-image-slider-advanced-arrrow {display:none;}

.no-pagination .before-after-image-slider-advanced-wrapper .before-after-image-slider-advanced-meta {justify-content: center;}

@media(max-width:500px){
	.fancybox-wrap .fancybox-skin a.fancybox-nav {transform: scale(0.6);}
	.fancybox-wrap .fancybox-skin a.fancybox-nav.fancybox-next {right:-15px;}
.fancybox-wrap .fancybox-skin a.fancybox-nav.fancybox-prev {left:-30px;}
	.fancybox-wrap .fancybox-skin .fancybox-close {transform: scale(0.75); top:6px; right:5px;}
}

/*Find a Clinic*/

/*Hero modification*/
@media(max-width:650px){
	.gb-container-5435484d {
        background: rgba(255, 255, 255, 0.65);
        border-radius: 20px;
        backdrop-filter: blur(3px);
        padding: 20px;
    }
	
}
.slp_search_form .search_box .search_item div {align-items: baseline; justify-content: flex-end;}
.store_locator_plus.generatepress .slp_search_form .search_box .search_item {align-items: baseline;}

.store_locator_plus.generatepress .slp_results_container .results_wrapper {	
	    margin: 0;
    padding: 2em;
    border: 0;
    border-radius: 0;
    background: #FFE5D4;
    border-bottom: 3px solid #fff4ec;
}

.store_locator_plus.generatepress .slp_results_container .results_wrapper:hover {border:none; background:#ffebde; border-bottom: 3px solid #fff4ec;}

/*buttons*/
.store_locator_plus.generatepress .results_row_right_column.location_tertiary {display: flex; column-gap: 10px; margin-top:10px;}

.store_locator_plus.generatepress .results_row_right_column.location_tertiary span.slp_result_contact {border-radius:10px; padding: 3px 20px; background-color:#EFB27A; transition: all ease 0.2s;}

.store_locator_plus.generatepress .results_row_right_column.location_tertiary span.slp_result_contact:hover {background-color:#DC873A;}

.store_locator_plus.generatepress .results_row_right_column.location_tertiary span.slp_result_contact a:link,
.store_locator_plus.generatepress .results_row_right_column.location_tertiary span.slp_result_contact a:visited{color:#fff; text-decoration: none;}

.store_locator_plus.generatepress .results_row_right_column.location_tertiary span.slp_result_contact a:hover,
.store_locator_plus.generatepress .results_row_right_column.location_tertiary span.slp_result_contact a:active {}

@media(max-width:500px){
	.store_locator_plus.generatepress .slp.search_box input {width:200px;}
	.store_locator_plus.generatepress .slp_search_form .search_box .search_item label {text-align:left; margin-right:0;}
	.store_locator_plus.generatepress .slp.search_box input[type="submit"] {width:140px; padding:8px 16px;}
}

/* --- fixes potential theme css conflict --- */
.acf-map img {
    max-width: inherit !important;
}

/* --- responsive embed --- */
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; }
.embed-container iframe, .embed-container object, .embed-container embed, .embed-container video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* --- breadcrumbs --- */
.breadcrumbs {
    font-size: 14px;
    margin-bottom: 10px;
}

/* ==========================================
=! WIDGETS
------------------------------------------ */

/* --- GPC Sub Menu Widget --- */
.widget_gpc_sub_menu_widget .dropdown-menu-toggle { display: none; }
.widget_gpc_sub_menu_widget .menu-item-has-children .sub-menu { margin-left: 1.2em; }
.widget_gpc_sub_menu_widget .menu-item-has-children .sub-menu li { list-style: disc; }
.widget_gpc_sub_menu_widget .current-menu-item > a { font-weight: bold; }

/* ==========================================
=! FOOTER
------------------------------------------ */



/* ==========================================
=! OTHER
------------------------------------------ */

/*Contact form 7*/
.wpcf7 input[type="email"],
.wpcf7 input[type="name"],
.wpcf7 input[type="text"],
.wpcf7 input[type="tel"],
.wpcf7 textarea,
.wpcf7 select{padding: 4px 12px; border-radius:4px; width:100%; border:1px solid #FFE5D4; background-color:#fff;}
.wpcf7 select {height: 35px;}
.wpcf7 label {font-weight: 500; font-size: 14px; margin-bottom:4px;}
.wpcf7 textarea {height: 60px;}

.wpcf7 input[type="email"]:focus,
.wpcf7 input[type="name"]:focus,
.wpcf7 input[type="text"]:focus,
.wpcf7 input[type="tel"]:focus,
.wpcf7 textarea:focus,
.wpcf7 select:focus {box-shadow: 0 0 25px 0 rgba(247,165,110,0.65);}

input[type="submit"]{background-color:#FFE5D4; border-radius:8px; padding: 8px 46px; color:#000;}
input[type="submit"]:hover {background-color:var(--accent); }

/*CF7 2 columns*/
.wpcf7 .row {display: flex; column-gap: 30px; flex-wrap: nowrap;}
.wpcf7 .row .item {flex-direction: column; display: flex;  max-width:310px; margin-bottom:20px; flex-grow: 1;}

.wpcf7 .row .item.full {width:100%; max-width: 100%;}
.wpcf7 .wpcf7-form-control-wrap {margin-top:5px;}

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {border:none; background-color:#8E0002; color:#fff; border-radius:10px;}

.ar-16-9 {
    aspect-ratio: 16/9;
}

.ar-9-16 {
    aspect-ratio: 9/16;
}

.ar-4-3 {
    aspect-ratio: 4/3;
}

.ar-1-1 {
	aspect-ratio: 1/1;
}

/* Visually Hidden */
.visually-hidden:not(:focus):not(:active) {
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}

.no-ul, .no-ul a {text-decoration: none;}
.hide {display: none;}

/* Remove bottom margin on last paragraph */
.gb-container p:last-child:last-of-type {
    margin-bottom: 0px;
}

.block-editor-block-list__layout .gb-container p:nth-last-child(2) {
    margin-bottom: 0px;
}

/*https://codepen.io/kevinpowell/pen/rNbqBPr*/
.columns {
  columns: 200px 3;
  column-rule: 1px dotted #ccc;
  gap: 3em;
}

.intro {
  column-span: all;
}

.vertical-text {writing-mode: vertical-lr;}
html {scroll-behavior: smooth;}

/*Truncate text*/

/*
.box p {
	
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
*/

/*Gradient for text*/
.gradient-text {
	
	font-size: 10rem;
	background: linear-gradient(to right, rgb(67,124,205), rgba(68,151,16,1.00));
	-webkite-background-clip: text;
	-webkit-text-fill-color: transparent;
}

/* CSS Animation example (make sure the is no 'overflow:hidden' in the parent container)
---------------------------------

@media(prefers-reduced-motion: no-preference) {
.box {
	opacity:0;
animation: fade-in ease-in-out forwards;
	animation-timeline: view();
	animation-range:150px 500px;
	
}

@keyframes fade-in {

	0%{
		opacity:0;
		transform:translatey(110px);
	}
	
	50% {opacity;0;}
	
	100% {opacity:1; }
	}
	
}



/* ==========================================
=! ANIMATION
------------------------------------------ */

/* --- do all the preload stuff --- */
@media (min-width: 768px) {
    .preload * {
        -webkit-transition: none !important;
        transition: none !important;
        -webkit-animation: none !important;
        animation: none !important;
    }
    .has-js .prep-animation,
    .has-js .prep-scroll-animation {
        visibility: hidden;
    }
    .has-js .do-animation,
    .has-js .do-scroll-animation {
        visibility: visible;
    }
}

/* ----------------------------------------------
 * Generated by Animista
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

 @media (min-width: 768px) {
     .fade-in-left {
         -webkit-animation: fade-in-left 1.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
                 animation: fade-in-left 1.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
     }
     
     .fade-in {
         -webkit-animation: fade-in 1.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
                 animation: fade-in 1.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
     }
     
     .fade-in-bottom {
         -webkit-animation: fade-in-bottom 1.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
                 animation: fade-in-bottom 1.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
     }
     
     .fade-in-right {
         -webkit-animation: fade-in-right 1.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
                 animation: fade-in-right 1.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
     }
 }

/* --- animation fade-in-left --- */
@-webkit-keyframes fade-in-left {
    0% {
        -webkit-transform: translateX(-75px);
                transform: translateX(-75px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateX(0);
                transform: translateX(0);
        opacity: 1;
    }
}
@keyframes fade-in-left {
    0% {
        -webkit-transform: translateX(-75px);
                transform: translateX(-75px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateX(0);
                transform: translateX(0);
        opacity: 1;
    }
}

/* --- animation fade-in --- */
@-webkit-keyframes fade-in {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes fade-in {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

/* --- animation fade-in-bottom --- */
@-webkit-keyframes fade-in-bottom {
    0% {
        -webkit-transform: translateY(75px);
                transform: translateY(75px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateY(0);
                transform: translateY(0);
        opacity: 1;
    }
}
@keyframes fade-in-bottom {
    0% {
        -webkit-transform: translateY(75px);
                transform: translateY(75px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateY(0);
                transform: translateY(0);
        opacity: 1;
    }
}  

/* --- animation fade-in-right --- */
@-webkit-keyframes fade-in-right {
    0% {
        -webkit-transform: translateX(75px);
                transform: translateX(75px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateX(0);
                transform: translateX(0);
        opacity: 1;
    }
}
@keyframes fade-in-right {
    0% {
        -webkit-transform: translateX(75px);
                transform: translateX(75px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateX(0);
                transform: translateX(0);
        opacity: 1;
    }
}
  
  
/* --- delay classes --- */
.delay-250 {
    -webkit-animation-delay: 250ms;
    animation-delay: 250ms;
}
.delay-500 {
    -webkit-animation-delay: 500ms;
    animation-delay: 500ms;
}
.delay-750 {
    -webkit-animation-delay: 750ms;
    animation-delay: 750ms;
}
.delay-1000 {
    -webkit-animation-delay: 1000ms;
    animation-delay: 1000ms;
}
.delay-1250 {
    -webkit-animation-delay: 1250ms;
    animation-delay: 1250ms;
}
.delay-1500 {
    -webkit-animation-delay: 1500ms;
    animation-delay: 1500ms;
}


@media (max-width: 768px) {
    .before-after-image-slider-advanced-wrapper {
        gap: 50px;
    }
    .home .gb-container-943d207a {
   padding-top: 0;
        padding-bottom: 40px;
        background-image: none;
}
    .home .gb-container-6893497d {
    padding-top: 25px;
    }
        .home .before-after-image-slider-advanced-arrrow {
        transform: translateY(10px);
    }
        .home .testimonial-slider.bg-image .slides .item {
        padding: 0px 0;
    }
        .home .testimonial-slider.bg-image .item .testimonial-content {
        max-width: 80%;
        margin-left: 0;
        margin-right: 0;
    }
        .home .testimonial-slider.image_slider .item .image {
        height: 50vw;
    }
        .home .testimonial-slider.image_slider .item img {
        height: 75%;
    }
    
    .home .testimonial-slider.bg-image .slick-track {
    padding: 0 0 85px 0;
}
        .gb-grid-wrapper > .gb-grid-column-5435484d {
        width: 100% !important;
    }
    h1 {
    font-size: 35px;
}
}