/*
Theme Name: Divi Child By Cornerstone Web Studio
Theme URI: http://cornerstone.studio
Description: A Custom Child Theme For Divi
Author: Cornerstone Web Studio
Author URI: http://cornerstone.studio
Template: Divi
Version: Updated for Divi 4
*/


/*========================================================*/
/*                CORNERSTONE.STUDIO STYLES               */
/*========================================================*/



/*--------------------------------------------------------*/
/*                   GENERAL SITE STYLE                   */
/*--------------------------------------------------------*/


/*--------------------------------------------------------*/
/*                         NAV MENU                       */
/*--------------------------------------------------------*/


/* Breakpoint Transition to Mobile Menu */
@media only screen and (max-width: 1201px) {
    #top-menu, .fullwidth-menu, nav#top-menu-nav, nav.fullwidth-menu-nav {
        display: none !important;
    }
    #et_mobile_nav_menu, .et_mobile_nav_menu {
        display: none !important;
    }
}

/* Start Superfly Menu */
@media all and (min-width: 1200px) {
    .superfly-on #sfm-sidebar, .superfly-on .sfm-navicon-button {
        display: none !important;
    }
}


/* Button in Navigation */
.navBtn a {
    padding: 10px 15px 10px 15px !important;
    color: #ffffff !important;
    background-color: #000000 !important;
    margin-bottom: 2px !important;
}

.navBtn a:hover {
    background-color: #4285f4 !important;
    color: #000000 !important;
    transition: 300ms ease 0ms;
}

.et-fixed-header #top-menu .navBtn a {
    color: #ffffff !important;
}

/* Adjust Nav Padding (Only if using .navBtn) */
.et_header_style_left #et-top-navigation,
.et_header_style_left .et-fixed-header #et-top-navigation {
    padding: 13px 0 11px 0 !important;
}

@media only screen and (min-width: 981px) {
    .et_header_style_left #et-top-navigation nav > ul > li > a:not(.navBtn),
    .et_header_style_split #et-top-navigation nav > ul > li > a:not(.navBtn) {
        padding-bottom: 0px !important;
    }
}

/* Mobile Dropdown Menu Accent Color */
.mobile_menu_bar:before {
    color: #4285f4 !important;
}

.et_mobile_menu {
    border-color: #4285f4 !important;
}

/* Secondary Menu as Promo Banner */
#et-secondary-menu {
    float: none;
}

#et-secondary-nav {
    width: 100%;
}

#et-secondary-nav > li:last-child {
    text-align: center;
    width: 100%;
}

.promoBannerBTN {
    padding: 0 0 12px !important;
}





/*--------------------------------------------------------*/
/*                           BODY                         */
/*--------------------------------------------------------*/

/* Changing Column Stacking Order on Mobile */
@media all and (max-width: 980px) {
    .custom_row {
        display: flex;
        flex-wrap: wrap;
    }
    .first-on-mobile { order: 1; }
    .second-on-mobile { order: 2; }
    .third-on-mobile { order: 3; }
    .fourth-on-mobile { order: 4; }
    .custom_row:last-child .et_pb_column:last-child {
        margin-bottom: 30px;
    }
}

.accentColor {
    color: #0e354a !important;
}


/*--------------------------------------------------------*/
/*                          FOOTER                        */
/*--------------------------------------------------------*/

.quicklinks ul {
    padding-left: 0 !important;
}

.quicklinks ul li {
    font-weight: 400;
    line-height: 2rem;
    list-style: none;
    padding-bottom: 6px;
    display: table-row;
}

.quicklinks ul li:before {
    content: "\f192";
    font-family: "Font Awesome 5 Free";
    padding-right: 10px;
    display: table-cell;
}


/*--------------------------------------------------------*/
/*                     PRINTING CSS                       */
/*--------------------------------------------------------*/

@media print {
    .NoPrint { display: none; }
}


/*--------------------------------------------------------*/
/*                    MEDIA QUERIES                       */
/*--------------------------------------------------------*/

/* Desktop */
@media screen and (max-width: 1200px) {
    
}

/* Tablet */
@media screen and (max-width: 980px) {
    
}

/* Mobile */
@media screen and (max-width: 480px) {
    
}









/*--------------------------------------------------------*/
/*                   UNUSED STYLES                        */
/*--------------------------------------------------------*/

/* ADA Styling 
:focus-visible:not(.navBtn a):not(.et_pb_button) {
    outline: -webkit-focus-ring-color auto 1px;
}
.et_pb_button:focus, .et_pb_button:hover, .navBtn a:focus, .navBtn a:hover {
	background-color: #ff8c00 !important;
} */


/*--------------------------------------------------------*/
/*                        NAV-MENU                        */
/*--------------------------------------------------------*/

/* Increase inner width of drop-down menu */
/* #top-menu  li li a { 
    width: 300px !important;
}
.nav li ul {
    width: 340px !important;
} */

/* Move the default header logo to the right */
/* #logo {
	float: right;
	margin-right: 60px;
	margin-top: 15px;
}
#et-top-navigation {
	float: left;
	padding-left: 0!important;
} */


/* Overlapping Logo that Shrinks on Scroll */
/* #et-info {
    float: right;
}
.et_fixed_nav #top-header {
    position: fixed;
    z-index: 9998!important;
} */
/* This needs to be fine-tuned based on the logo size and usage */
/* #logo {
    max-height: 100px !important;
    margin-top: 0px;
} */
/* This needs to be fine-tuned based on the logo size and usage */
/* .et-fixed-header #logo {
    max-height: 60px!important;
    margin-top: 0px;
} */
/* @media only screen and (max-width: 980px) { */
	/* This needs to be fine-tuned based on the logo size and usage */
/* 	#logo {
		max-height: 70px !important;
		margin-top: 0px;
	}
	#et-info {
		float: none;
	}
} */


/*--------------------------------------------------------*/
/*                         BODY                           */
/*--------------------------------------------------------*/

/* Custom list bullet points: https://wpcreatorsclub.com/custom-bullet-list-icons-in-divi/ */
/* .custom_bullets_cornerstone ul li {
  padding-left: 30px;
  list-style:none;
  margin-bottom: 10px;
} */

/* Icon List: https://www.elegantthemes.com/blog/resources/elegant-icon-font */
/* .custom_bullets_cornerstone ul li::before {
  content: '\e018';
  display: inline-block;
  margin-right: 7px;
  margin-left: -30px;
  padding-right: 5px;
  font-family:'ETmodules';
  font-size: 1.2em;
  vertical-align: middle;
} */

/* Add decorative lines to the left and right of header text */
/* Center the heading and lines */
/* .pa-heading-line-both h3 {
	display: flex;
	width: 100%;
	justify-content: center;
	align-items: center;
	text-align: center;
} */

/* Add and adjust the lines */
/* .pa-heading-line-both h3:before,
.pa-heading-line-both h3:after {
	content: '';
	border-top: 2px solid;
	margin: 0 20px 0 0;
	flex: 1 0 20px;
	color: #666666;
} */

/* Add spacing between heading and lines */
/* .pa-heading-line-both h3:after {
	margin: 0 0 0 20px;
} */


/*--------------------------------------------------------*/
/*                     GRAVITY FORMS                      */
/*--------------------------------------------------------*/

/* Checkbox */
/* .gravityFormInputFieldCheckbox input.gfield-choice-input {
	height: 20px !important;
	width: 20px !important;
	accent-color: white !important;
} */


/* .gform_wrapper.gravity-theme .gform_footer {
	margin: 0px 0 0 !important;
    padding: 0px 0 !important;
} */


/* Move reCAPTCHA v3 badge to the left */
/* .grecaptcha-badge {
  width: 70px !important;
  overflow: hidden !important;
  transition: all 0.3s ease !important;
  left: 4px !important;
}

.grecaptcha-badge:hover {
  width: 256px !important;
} */


/*--------------------------------------------------------*/
/*                         MISC                           */
/*--------------------------------------------------------*/

/* Particles.js */
/* #de-particles .particles-js-canvas-el, 
#cornerstone-particles-snow .particles-js-canvas-el, 
#cornerstone-particles-default .particles-js-canvas-el, 
#cornerstone-particles-two-color .particles-js-canvas-el {
	position: absolute;
	left: 0;
	top: 0;
} */


/* .mrb-waves .mrb-waves-prl > use:nth-child(1) {
    animation-delay: -2s;
    animation-duration: 7s;
}
.mrb-waves .mrb-waves-prl > use:nth-child(2) {
    animation-delay: -3s;
    animation-duration: 10s;
}
.mrb-waves .mrb-waves-prl > use:nth-child(3) {
    animation-delay: -4s;
    animation-duration: 13s;
}
.mrb-waves .mrb-waves-prl > use:nth-child(4) {
    animation-delay: -5s;
    animation-duration: 20s;
    fill: #ffffff;
}

.mrb-waves .mrb-waves-prl > use {
    animation: moove-waver 25s cubic-bezier(.55,.5,.45,.5) infinite;
}

.mrb-waves svg {
    height: 100px;
    width: 100%;
} */

/* @keyframes moove-waver {
    0% {
        transform: translate3d(-90px,0,0);
    }
    100% {
        transform: translate3d(85px,0,0);
    }
} */

/* .animated.infinite {
 	animation-iteration-count: infinite;
}
.pulse {
	animation-name: pulse;
}
.tada {
	animation-name: tada;
} */