/*
 Theme Name:   spinup
 Template:     Divi
*/


@import url("../Divi/style.css");
@import url("https://use.typekit.net/vvy6yhk.css");

/* =Theme customization starts here
-------------------------------------------------------------- */


/* TYPOGRAPHY */

h1, h2, h3, h4, h5, h6 {
	font-family: "klavika-web", sans-serif;
	font-weight: 700;
	font-style: normal;
}

.nav li a {font-family: "klavika-web", sans-serif;}

p {
	font-family: droid-sans, sans-serif;
	font-weight: 400;
	font-style: normal;
	text-wrap: pretty;
}

p .percent-value {
	font-family: "klavika-web", sans-serif;
	font-weight: 400;
	font-style: normal;
}


/* MAIN MENU SUBNAV MAKE WIDER */
.et-menu li ul{width: 360px !important;}






/* FLIP BOOK STYLES */

.df-ui-nav .df-ui-btn:before {
    color: #66bae8;
    filter: drop-shadow(0 0 1px #f4f4f4);
}
.df-ui-nav .df-ui-btn {font-size: 100px;}






/* MAIN MENU NAVIGATION DOWN ARROW REMOVAL - for new global header */
.et-menu-nav .menu-item-has-children>a:first-child {
  padding-right: 0px !important; 
  padding-bottom: 17px !important;
}
.et-menu-nav .menu-item-has-children > a:first-child:after{
  content: ''; 
  margin-top: -2px;
}

/* aligning the search button */
.et_pb_menu__search-button:after {
  margin: -8px 0 0 20px !important;
}


@media only screen and (max-width: 980px) {
		#grtf-header .et_pb_column_3_4 {width:300px; float:right;}
.et_pb_column_0_tb_header {
    max-width: 300px !important;
    height: 120px !important;
    min-height: 120px !important;
    max-height: 120px !important;
}
}



/* SETTING BREAKPOINT FOR MOBILE MENU */
@media only screen and ( max-width: 1130px ) {
#global-header-nav .et_pb_menu__menu {display:none !important;}
#global-header-nav .et_mobile_nav_menu {display:block !important;}
.et_pb_menu__search-button:after {
    margin: 5px 0 0 20px !important;
}
}






/* MOBILE MENU TEXT WITH CLOSE AND OPEN X */

.mobile_menu_bar:after {
    content: 'MENU';
    position: relative !important;
    bottom: 8px;
    left: 10%;
    color: #23344b;
    font-size: 20px;
    margin-right: 20px;
}

/* Change the hamburger to X when opened */
.mobile_nav.opened .mobile_menu_bar:before {
    content: '\4d';
}





/*last child submenu position*/
#top-menu > li:nth-last-child(2) .sub-menu {
position: absolute;
right: 0;
}

.pum-theme-16091 .pum-content + .pum-close, .pum-theme-content-only .pum-content + .pum-close {
color: #ffffff;
}

/* MENU DONATE BUTTON */
.menu-button {border-radius: 0px;}
.menu-button a {color: #fff!important;}

li.menu-button {
	background-color:#23344b; 
	font-weight: 700; 
	text-transform: uppercase; 
	text-align: center; 
	padding: 10px 10px 10px 10px !important;
	border-radius: 1px;
	-moz-transition: all 0.5s; 
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
    margin: -5px 20px 10px 0px !important;
}
	
li.menu-button:hover {background-color:#23344b!important;}


@media only screen and (min-width : 981px) {
            li.menu-button {height: 33px;}}

.et_mobile_menu li.menu-button  {
  height:50px !important;
  margin-top: 20px !important;
}
.et_mobile_menu li.menu-button a {
  padding: 5px !important;
}

/* BECOME A MEMBER BUTTON */
.member-button {border-radius: 0px;}
.member-button a {color: #ffffff!important;}

li.member-button {
	background-color:#66bae8; 
	font-weight: 700; 
	text-transform: uppercase; 
	text-align: center; 
	padding: 10px 10px 10px 10px !important;
	border-radius: 1px;
	-moz-transition: all 0.5s; 
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
    margin: -5px 20px 10px 0px !important;
}

li.member-button:hover {background-color:#66bae8!important;}


@media only screen and (min-width : 981px) {
            li.member-button {height: 33px;}}

.et_mobile_menu li.member-button  {
  height:50px !important;
  margin-top: 20px !important;
}
.et_mobile_menu li.member-button a {
  padding: 5px !important;
}

/* fix drop down menu width on tablet */

@media all and (min-width: 768px) and (max-width: 1130px) {
.et_mobile_menu {
	left: -110px;
	width: 160%;
}
}

/* remove menu list style bullets on tablet */

.et-l--header ul {
	list-style-type: none;
	padding: 0px;
}



/* MOBILE MENU COLLAPSABLE STYLES */
/*Proper Collapsable Mobile Menu*/
/*Style the icon's placeholder*/
ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,
ul.et_mobile_menu li.page_item_has_children .mobile-toggle,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,
.et-db #et-boc .et-l ul.et_mobile_menu li.page_item_has_children .mobile-toggle {
	width: 44px;
	height: 100%;
	padding: 0px !important;
	max-height: 44px;
	position: absolute;
	right: 0px;
	top: 0px;
	z-index: 999;
	background-color: transparent;
	border-bottom: 0;
	text-align: center;
}
ul.et_mobile_menu > li.menu-item-has-children,
ul.et_mobile_menu > li.page_item_has_children,
ul.et_mobile_menu > li.menu-item-has-children .sub-menu li.menu-item-has-children,
.et-db #et-boc .et-l ul.et_mobile_menu > li.menu-item-has-children,
.et-db #et-boc .et-l ul.et_mobile_menu > li.page_item_has_children,
.et-db #et-boc .et-l ul.et_mobile_menu > li.menu-item-has-children .sub-menu li.menu-item-has-children {
	position: relative;
}
.et_mobile_menu .menu-item-has-children > a,
.et-db #et-boc .et-l .et_mobile_menu .menu-item-has-children > a {
	background-color: transparent;
}

/*Hide the Sub-menu*/
ul.et_mobile_menu .menu-item-has-children .sub-menu,
#main-header ul.et_mobile_menu .menu-item-has-children .sub-menu,
.et-db #et-boc .et-l ul.et_mobile_menu .menu-item-has-children .sub-menu,
.et-db #main-header ul.et_mobile_menu .menu-item-has-children .sub-menu {
	display: none !important;
	visibility: hidden !important;
}

/*Show the sub-menu when the + icon is clicked*/
ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
#main-header ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
.et-db #et-boc .et-l ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
.et-db #main-header ul.et_mobile_menu .menu-item-has-children .sub-menu.visible {
	display: block !important;
	visibility: visible !important;
}

/*Create the opening/closing icon using the SVG Icons*/
ul.et_mobile_menu li.menu-item-has-children .mobile-toggle .dt-icons,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle .dt-icons {
	top: 10px;
	position: relative;
}

/*Hide the closing icon if the sub-menu is not open*/
ul.et_mobile_menu li.menu-item-has-children:not(.dt-open) .mobile-toggle .dt-close-icon,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children:not(.dt-open) .mobile-toggle .dt-close-icon {
	display: none;
}

/*Hide the opening icon if the sub-menu is open*/
ul.et_mobile_menu li.menu-item-has-children.dt-open > .mobile-toggle .dt-open-icon,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children.dt-open > .mobile-toggle .dt-open-icon {
	display: none;
}



/* HOMEPAGE VIDEO IN HERO STYLES */
.et_pb_section_video_bg .mejs-video{
    bottom: -30px;
}




/* INTERNAL PAGE HEADER */
.et_pb_fullwidth_header {background-color: #eaeaea !important; padding: 40px 0px 0px 0px; }
.et_pb_fullwidth_header h1 {font-weight: 400; font-size: 36px; color: #24344d !important; text-align:right;}

.home .et_pb_fullwidth_header h1 {font-weight: 900; color: #fff !important; text-align:left;}



/* BLOG STYLES */
.et_pb_blog_grid .et_pb_image_container img {
    border: 1px solid #d8d8d8;
}

.et_pb_blog_grid .et_pb_post .post-meta {
  font-size: 13px;
  color: #333;
  line-height: 1.6;
  margin-bottom: 20px;
}


/* the hack to include a caption with a featured image on a blog post */
.caption {
  margin-bottom: 40px;
  margin-top: -20px;
  padding-bottom: 5px;
  border-bottom: 1px solid #999;
}

.caption p {
    font-size: 14px;
    line-height: 1.4;
}

/* styling the default wordpress caption styles */
.wp-caption {
    border-bottom: 1px solid #999 !important;
    border-top: none;
    border-right: none;
    border-left: none;
    text-align: left;
    background:none;
    margin-bottom: 10px;
    width: 100%;
    padding: 0px
}

.wp-caption p.wp-caption-text {
    font-size: 14px;
    line-height: 1.5;
    text-align:left;
}



/* VERTICALLY ALIGN CONTENT MODULES IN A ROW */
.vertical-align { 
    display: flex; 
    flex-direction: column; 
    justify-content: center;
} 

/* GRAVITY FORM SUBMIT BUTTON STYLE */

.gform_wrapper input[type="submit"] {
	background-color: #606060;
	padding: .5% 2%;
	border-width: 1px;
	border-color: #24354a;
	color: #ffffff;
        font-size: 18px;
	border-radius: 1px;
}

.gform_wrapper input[type="submit"]:hover {
	background-color: #eaeaea;
	padding: .5% 2%;
	border-width: 1px;
	color: #666666;
        border-color: #eaeaea;
}


/* TIMELINE */
.diti_timeline_item li {
    margin-bottom: 0px !important;
}

/* EVENTS PAGE STYLES */
.tribe-events-meta-group {
    width: 300px;
}
.tribe-events-back {
  margin-top: 60px;
  padding-bottom: 0px;
  margin-bottom:0px;
}

.tribe-events-single-event-title {
  margin-top:40px;
  margin-bottom:0px;
  line-height: 1.2em;
  padding-bottom:0px;
}

.tribe-events-schedule {
    margin: 0px;
}

.tribe-event-date-start {
  margin:0px;
  padding:0px;
}
#tribe-events-footer {display:none;}

/* EMAIL OPT-IN on 1 line */

@media (min-width: 767px) {
	/*set the width of the button*/
	.et_pb_newsletter_fields .et_pb_newsletter_button_wrap {
		flex-basis: 150px !important;
	}
	/*set the width of the input fields minus the width of the button*/
	.et_pb_newsletter_form .et_pb_newsletter_field {
		flex-basis: calc((100% - 195px) / 3) !important;
	}
}





/* HOMEPAGE POST SLIDER CUSTOMIZATIONS */

 
#grtf-slider {overflow:visible !important;}
.et-pb-arrow-next, .et-pb-arrow-prev {
    font-size: 60px;
    opacity: 1;
}

.et-pb-arrow-prev, .et-pb-arrow-prev:hover a {
    left: -60px !important;
}

.et-pb-arrow-next, .et-pb-arrow-next:hover a {
    right: -60px !important;
}



/* turn off animation */
#homepage-post-slider .et-pb-active-slide .et_pb_slide_description, #homepage-post-slider .et-pb-active-slide .et_pb_slide_image {
    -webkit-animation-duration: 0s !important;
    animation-duration: 0s !important;
    animation-delay: 0s !important;
}



/*MOVE IMAGE TO TOP LEFT EDGE OF SLIDER*/

#grtf-slider .et_pb_slide .et_pb_slide_image img {
    margin-top: 0px;
    margin-left: 0px;
    height: 100% !important;
}

#grtf-slider .et_pb_slide {
    padding-left: 0px;
    padding-right: 0px;
}

 

/* TURN DOTS INTO RECTANGLES */

#grtf-slider .et-pb-controllers a {
    width: 25px;
    height: 10px;
    margin-right: 4px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
	background-color: #eaeaea;
}


#grtf-slider a.et-pb-active-control{
	background-color: #64BBE9 !important;
}

#grtf-slider .et-pb-arrow-prev,
#grtf-slider .et-pb-arrow-next {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50% !important;
}

#grtf-slider .et-pb-controllers {
    top: 80px !important;
    left: calc(51% + 20px)!important;
    width: 50%!important;
    height: 10px!important;
    text-align: left!important;
}

 /* SURVERY MONKEY EMBED */

.v3theme .survey-page .survey-page-body {
	padding: 0px !important;
}

/*place button modules next to each other in the same column*/
.inline-buttons .et_pb_button_module_wrapper {
    display: inline-block;
}

.inline-buttons {
    text-align: center !important;
}

 /* Events List - hide image */

.tribe-events-widget-events-list .tribe-events-event-image,
.tribe-events-list-widget .tribe-events-event-image {
    display: none !important;
}