/*
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 3
*/

/***********************************************************/
/***********************************************************/
/*-----CORNERSTONE.STUDIO CSS STYLING BELOW THIS POINT-----*/
/***********************************************************/
/***********************************************************/



/*-----------------------------------------------*/
/*-----------[MOBILE MENU BREAKPOINT]------------*/
/*-------------[CORNERSTONE.STUDIO]--------------*/

@media ( max-width: 1201px ) {
#top-menu-nav {display: none !important;}
#et_top_search {display: none!important;}
#et_mobile_nav_menu {display: block!important;}
}

/*-----------------------------------------------*/
/*-------------[GENERAL SITE STYLE]-------------*/
/*-------------[CORNERSTONE.STUDIO]--------------*/

#border-invert {
  background-color: #3498DB;
  border-corner-shape: scoop;
  border-radius: 30px;
  width: 200px;
  height: 200px;
}

/* 
 * Colors...
 * Gold: #F0A431
 * Dark Color: #2A2B31
 * Grey: #F7F4EF
 * */
/* General Media Queries are with desktop counterparts 
page and item specific media queries go to the bottom
 */
/* Wordpress uses dashes, Divi uses underscores, We use CAMEL CASE */

/* Reorder Columns on Mobile */

@media all and (max-width: 980px) {
    /*** wrap row in a flex box ***/
    .reorder_row {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap; /* Safari 6.1+ */
        flex-wrap: wrap;
    }
     
    /*** custom classes that will designate the order of columns in the flex box row ***/
    .first-on-mobile {
        -webkit-order: 1;
        order: 1;

    }
     
    .second-on-mobile {
        -webkit-order: 2;
        order: 2;
    }
     
    .third-on-mobile {
        -webkit-order: 3;
    	order: 3;
    }
     
    .fourth-on-mobile {
        -webkit-order: 4;
        order: 4;
    }
    /*** add margin to last column ***/
    #page-container .reorder_row .first-on-mobile  {
        margin-bottom: 30px !important;
    }
     
}


/* Sticky Phone Number */
.stickyBtnRow .et_pb_button_module_wrapper {
	width: 100%;
	max-width: 100%;
	position: fixed;
	bottom: 0;
	left:0;
		
	
}
body #page-container a.et_pb_button.stickyBtn {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	width: 100%;
	max-width: 100%;
	text-align: center;
	font-size:30px;
	font-weight:900;
	background-image:linear-gradient(90deg,#fde620 0%,#f2b705 100%)!important;
	padding-top:15px!important;
	padding-bottom:15px!important;
}

/*------------------------------------------------*/
/*-------------------[BUTTONS]--------------------*/
/*------------------------------------------------*/

/* body a:not(.et_pb_button):hover {
	text-decoration: underline;
} */

/* body #page-container a.et_pb_button,
body #page-container button.et_pb_button {
	border-radius: 50px;
	font-weight: 700;
	text-align: center;
	text-transform: uppercase;
}


body #page-container a.et_pb_button.main_color,
body #page-container button.et_pb_button {
	background-color: #F0A431;
	border: 1px solid #F0A431 !important;
	color: #fff;
}
body #page-container a.et_pb_button.main_color:hover,
body #page-container button.et_pb_button:hover {
	background-color: #fff !important;
	border: 1px solid #F0A431 !important;
	color: #F0A431 !important;
}

body #page-container a.et_pb_button.alt_color {
	background-color: #000 !important;
	border: 1px solid #000 !important;
	color: #fff;
}
body #page-container a.et_pb_button.alt_color:hover {
	background-color: #fff !important;
	border: 1px solid #000 !important;
	color: #000 !important;
} */

.no_wrap {
	white-space: nowrap;
}

/*------------------------------------------------*/
/*-----------------[HEADER-MENU]------------------*/
/*------------------------------------------------*/
#top-header {
	background: linear-gradient(90deg,#fde620 0%,#f2b705 100%)!important;
}
#top-header ul li a {
	text-align:center;
}
#top-header #et-secondary-menu {
	float: none !important;
	margin:auto;
}
#top-header #et-secondary-menu ul#et-secondary-nav {
	display:flex;
	justify-content: center;
}
#main-header ul li a,
#main-header.et-fixed-header ul li a {
	font-weight:400;
}
#main-header ul li.menu_button a,
#main-header.et-fixed-header ul li.menu_button a,
.taptap-by-bonfire ul li.menu_button a {
    background-image: linear-gradient(90deg,#fde620 0%,#f2b705 100%)!important;
    border-radius: 50px;
    color: #fff !important;
	margin-bottom:25px;
	font-size:16px;
	font-weight:700 !important;
	text-transform: uppercase;
	line-height:27.2px;
	box-shadow:0px 13px 18px -6px rgba(242,183,5,0.45);
}
/* #main-header ul li.menu_button a:before,
#main-header.et-fixed-header ul li.menu_button a:before,
.taptap-by-bonfire ul li.menu_button a:before {
	content: "\e023";
    font-family: "ETmodules"!important;
	padding-right:5px;
} */

#main-header ul li.menu_button a {
	padding: 12px 35px !important;
}
.taptap-by-bonfire ul li.menu_button a {
	padding: 10px 25px 8px !important;
	margin-top:20px;
	text-transform:uppercase;
	letter-spacing:1px;
}
.popup_button {
	color: #ffffff!important;
    border-radius: 100px;
    letter-spacing: 0px;
    font-size: 16px;
    font-weight: 700!important;
	padding: 10px 14px 10px 22px;
	border:none;
    background-image: linear-gradient(90deg,#fde620 0%,#f2b705 100%);
}
#main-header ul li.menu_button a:hover,
#main-header.et-fixed-header ul li.menu_button a:hover,
.taptap-by-bonfire ul li.menu_button a:hover, .popup_button:hover  {
    background-image:linear-gradient(90deg,#f28705 0%,#f2b705 100%)!important;
	opacity:1;
}	

/*------------------------------------------------*/
/*------------------[HOMEPAGE]--------------------*/
/*------------------------------------------------*/


/*------------------------------------------------*/
/*------------------[SUBPAGES]--------------------*/
/*------------------------------------------------*/
/*Popup for video*/
.pum-theme-29961 .pum-content + .pum-close, .pum-theme-default-theme .pum-content + .pum-close {
	background-color: #fbce45!important;
}
.popup_button {
	font-size: 55px;
}
/*------------------------------------------------*/
/*-------------------[Footer]---------------------*/
/*------------------------------------------------*/

/* #footer-bottom {display:none;}
.footer_section a {color:#fff;}

#footer-bottom {display:none;}
.footer_section a {color:#fff;}

#main-footer .footer_info_section {
	background-color: #2A2B31;
}

#main-footer .footer_info_section .et_pb_row:not(.credits_row) {
	max-width: 90%;
	padding: 60px 0;	
	width: 90%;
}

#main-footer .footer_info_section .et_pb_row:not(.credits_row) img {
	max-width: 411px;
	width: 100%;
}

#main-footer .footer_info_section .et_pb_row:not(.credits_row) p,
#main-footer .footer_info_section .et_pb_row:not(.credits_row) p a {
	color: #fff;
	font-size: 24px;
	font-weight: 400;
	text-align: center;
}

#main-footer .footer_info_section .et_pb_row:not(.credits_row) p svg {
	font-size: 54px;	
}

#main-footer .footer_info_section .credits_row.et_pb_row p,
#main-footer .footer_info_section .credits_row.et_pb_row p a {
	color: #fff;
	font-size: 16px;
	text-align: center;
} */
/*------------------------------------------------*/
/*----------------[Media Queries]------------------*/
/*------------------------------------------------*/

/* Desktop */
@media screen and (max-width: 1200px) {
	
}
/* Tablet */
@media screen and (max-width: 980px) {
	
}
/* Mobile */
@media screen and (max-width: 480px) {
	body #page-container h1 {
		line-height:1.2em;
		padding-bottom:25px;
	}
}