/*
Theme Name: Sprung-Total
Theme URI: 
Description: 
Author: Sprung Interactive
Author URI: http://madebysprung.com
Template: Total
Version: 1.0
*/

/* Parent stylesheet should be loaded from functions.php not using @import */

.post-edit {
    display: none;
}

.wpb-js-composer .vc_tta.vc_general {
    margin-top: 60px;
}

.vc_tta-tabs-container {
	position: relative;
    margin-top: -87px !important;
    font-family: "Fredoka One";
    font-size: 24px;
    letter-spacing: 0.03em;
    line-height: 24px;
}

h4.vc_tta-panel-title {
	font-family: "Londrina Solid" !important;
    font-size: 24px;
    letter-spacing: .05em;
    line-height: 24px;
}

.wpb-js-composer .vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab.vc_active>a {
    border-color: #44ace8 !important;
    background-color: #fff !important;
    color: #44ace8 !important;
    border-top: 5px solid #44ace8 !important;
    border-left: 5px solid #44ace8 !important;
    border-right: 5px solid #44ace8 !important;
    border-bottom: 0 !important;
    border-radius: 15px 15px 0 0 !important;
	padding: 20px 42px 23px !important;
}

.wpb-js-composer .vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab>a {
	border-color: #90d3f3 !important;
    background-color: #90d3f3 !important;
    color: #fff !important;
    padding: 20px 42px 17px !important;
    border-radius: 15px 15px 0 0 !important;
}

.wpb-js-composer .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-heading {
	background: #fff !important;
	border-color: #44ace8 !important;
}

.wpb-js-composer .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-title>a {
	color: #44ace8 !important;
	
}

.wpb-js-composer .vc_tta.vc_tta-shape-rounded .vc_tta-panel-heading {
	border-width: 5px !important;
}


.wpb-js-composer .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading {
	background: #9ed2f0 !important;
	border-color: #9ed2f0 !important;	
}



.wpb-js-composer .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-title>a {
	color: #fff !important;
	font-size: 24px;
    font-weight: normal;
    letter-spacing: .03em;
}

.poptabs .vc_tta-panels-container {
	max-width: 980px;
	margin: 0 auto !important;
}

.booklinks {
	line-height: 1.3em;
	margin-top: 30px;
	margin-bottom: 10px;
	font-size: 22px;
}

.booklinks a {
	color: #000;
}

.booklinks a.linkarrow {
	color: #4dabe9;
}

.booklinks a.linkarrow:hover  {
	text-decoration: none;
}



.booklinks td {
	padding-bottom: 10px;
}

.wp-video {
	margin: 0 auto;
}

.mejs-overlay-button {
    background: url(/wp-content/themes/sprung-total/img/sp-mejs-controls.svg) no-repeat !important;
    position: absolute;
    bottom: 47px;
    right: 10px;
    background-position-y: -38px !important;
}

#spheadrow {
/* 	padding-bottom: 10px; */
}

.sppagetitle.vcex-heading {
	margin-bottom: 10px !important;
}

.headcenter {
	min-height: 145px;
}

.sppagetitle {
	font-size: 60px !important;
}

.sppagetitle.splevel2 {
	font-size: 52px !important;
}

.sppagetitle.splevel3 {
	font-size: 37px !important;
}

.headcenter, .headright  {
	padding-top: 10px;
}

.headright {
	text-align: right !important;
}

.headleft .vcex-image {
	position: absolute;
    top: 0;
}

.headleft .vcex-image-inner {
	width: 140px !important;
}

.vcex-heading {
	line-height: 1.1em;
    margin-bottom: 20px !important;
}

.welcomecody {
	margin-top: -28px;
}


.selectseries {
	text-align: center;
	position: relative;
    top: 27px;
}


.selectseries a {
	color: #fff;
}

.selectseries a:hover {
	text-decoration: none;
}

.selectseries ul li.menu-item-has-children>a {
	background: #ec4e9b;
	font-family: "Fredoka One";
	color: #fff;
    font-size: 34px;
    display: inline-block;
    position: relative;
    z-index: 10;
    padding: 0px 20px;
    border-radius: 18px;
}



.selectseries ul li.menu-item-has-children ul {
	background: #00b1ee;
    min-width: 280px;
    margin: 0 auto !important;
    padding: 30px 0 20px;
    border-radius: 15px;
    margin-top: -15px !important;
}



.selectseries ul li.menu-item-has-children ul.sub-menu {
 	display: none;
    position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%)
}


.selectseries ul li.menu-item-has-children:hover ul.sub-menu {
	display: block;
    z-index: 1;
}

wpex-slider {
	padding-bottom: 80px;
}

.wpex-slider .sp-buttons {
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	top: auto;
    bottom: -87px;
    width: 100% !important;
}

.wpex-slider .sp-button {
	border-color: #fff;
    border-width: 3px;
    margin: 0 12px;
    width: 32px;
    height: 32px;
    background: #70d1f5;
}

.wpex-slider .sp-button:hover,
.wpex-slider .sp-selected-button {
	background: #f3772b;
	border-color: #f3772b;
}


.sp-arrow {
    width: 50px !important;
    height: 50px !important;
    line-height: 50px !important;
    font-size: 50px !important;
    background: #f3772b !important;
    border-radius: 50px !important;
}

.wpex-slider.sp-horizontal .sp-next-arrow {
	right: 20px !important
}

.wpex-slider.sp-horizontal .sp-previous-arrow {
	left: 20px !important;
}

.wpex-slider .sp-arrow.sp-previous-arrow:before {
    left: -2px;
}

.wpex-slider .sp-arrow.sp-next-arrow:before {
    left: 2px;
}

/* Responsive Overrides */

/* Greater then tablets
-------------------------------------------------------------- */
@media only screen and (min-width: 768px) {

    
}


/* Tablet & Small Desktop Widths 768px - 1280px
--------------------------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 1280px) {
    

}

/* All Devices under 960px
--------------------------------------------------------------*/
@media only screen and (max-width: 1050px) {
    .wpb-js-composer .vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab.vc_active>a {
		font-size: 17px;
		padding: 10px 13px 13px !important;
	}
	
	.wpb-js-composer .vc_tta-color-grey.vc_tta-style-classic .vc_tta-tab>a {
		font-size: 17px;
		padding: 10px 13px 7px !important;
	}
	
	.vc_tta-tabs-container {
	    margin-top: -67px !important;
	}
	
	.wpb-js-composer .vc_tta.vc_general {
	    margin-top: 20px;
	}
}


/* All Devices under 960px
--------------------------------------------------------------*/
@media only screen and (max-width: 959px) {
    .headleft .vcex-image-inner {
		width: 115px !important;
	}
	
	.sppagetitle.splevel3 {
		font-size: 32px !important;
	}
	
	.headcenter {
	    min-height: 116px;
	}
}

/* Tablet Landscape
--------------------------------------------------------------*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
   
}

/* Tablet Portrait
--------------------------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {

}

/* Between Phone and Mobile
--------------------------------------------------------------*/
@media only screen and (max-width: 500px) {


}

/* Phone Portrait and Landscape
--------------------------------------------------------------*/
@media only screen and (max-width: 767px) {
    #spheadrow, #spheadrow .textright, .headright {
	    text-align: center !important;
    }
    
    #spheadrow .vc_column_container {
	    margin: 5px 0;
    }
    
    .wpb-js-composer .vc_tta.vc_general {
	    margin-top: 0px;
	}
	
	#spheadrow {
		padding-bottom: 10px;
	}
	
	.headcenter {
		min-height: auto;
	}
	
	.headcenter, .headright  {
		padding-top: 0px;
	}
	
	.headleft .vcex-image {
		position: relative;
	}
	
	.headleft .vcex-image-inner {
		width: 100px !important;
	}
	
	body .poptabs {
		border-top-width: 0 !important;
		border-bottom-width: 0 !important;
		padding-top: 20px !important;
		padding-bottom: 20px !important;
	}
	
	.sppagetitle {
		font-size: 45px !important;
	}
	
	.sppagetitle.splevel2 {
		font-size: 42px !important;
	}
	
	.sppagetitle.splevel3 {
		font-size: 30px !important;
	}
	
	.selectseries ul li.menu-item-has-children>a {
		font-size: 24px;
		width: 90%;
		border-radius: 12px;
	}
	
	.selectseries ul li.menu-item-has-children ul {
		min-width: 80%;
	}
    
}

/* Phone Landscape
--------------------------------------------------------------*/
@media only screen and (min-width: 480px) and (max-width: 767px) {
     
}

@media only screen and (max-width: 550px) {
	.welcomecody {
		margin-top: -16px;
	}
	
	.pbologo .vcex-image-inner {
		width: 100% !important;
	}
	
}


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