/*
Theme Name: Skull Mountain V3
Theme URI: http://www.skull-mountain.com
Author: Skull Mountain
Description: Skull Mountain custom theme.
Version: 3.0.0
Text Domain: skull-mountain
*/

/* MAIN ELEMENTS --------------------------------------------- */


html, body{
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 400;
	font-size: 1em;
}

*{
	padding: 0px;
	margin: 0px;
	outline: 0 none;
}

h1{
	padding:0px;
	margin:0;
	font-size: 3em;
	font-weight: 700;
	line-height: 1.2em;
	letter-spacing: -0.04em;

}

h2{
	padding:0px;
	margin:0;
	font-size: 3em;
	font-weight: 700;
	line-height: 1.2em;
	letter-spacing: -0.04em;
}

h3{
	padding:0px;
	margin:0;
	font-size: 3em;
	font-weight: 700;
	line-height: 1em;
	letter-spacing: -0.04em;
}

h4{
	padding:0px;
	margin:0;
	font-family: 'Merriweather', serif;
	font-style: italic;
	font-weight: 400;
	font-size: 1em;
	line-height: 1.5em;
}

h5{
	padding:0px;
	margin-bottom:60px;
	font-size: 2em;
	font-weight: 700;
	line-height: 1em;
	letter-spacing: -0.04em;
}

h6{
	padding:0px;
	margin-bottom:60px;
	font-size: 1em;
	font-weight: 600;
	line-height: 1em;
	color: #0091c8;
	text-transform: uppercase;
	visibility: hidden;
}


a:link {
	color: #393939;
	text-decoration: underline;
}
a:visited {
	color: #666666;
	text-decoration: underline;
}
a:hover {
	color: #666666;
	text-decoration: underline;
}
a:active {
	color: #393939;
	text-decoration: underline;
}


/* MOBILE */

.mobile{
	display: block;
}

.offset{
	margin-top: 0px;
}

/* PROMO */

.promo-container{
	margin-top: 80px;
	background-color: #5f2d91;
	width: 100%;
	height: 80px;
	text-align: center;
}

.promo-content-container{
	display: inline-block;
}

.promo-logo{
	background-image: url("images/promo/ice.png");
	background-repeat: no-repeat;
	height: 80px;
	width: 130px;
}

.promo-content{
	padding-left: 15px;
	padding-right: 15px;
	display: table;
	text-align: left;
	color: #FFFFFF;
	font-size: 1em;
	font-weight: 600;
	line-height: 1.2em;
}

.promo-content a:link{
	color: #000000;
	text-decoration: underline;
}

.promo-content a:hover{
	color: #FFFFFF;
	text-decoration: underline;
}

.promo-text{
	display: table-cell;
	vertical-align: middle;
	padding-left: 5px;

}





/* SERVICES */




.service-block{
	height: auto;
	padding-left: 60px;
	padding-right: 60px;
	background-color: #242424;
	border-width: 0px;
	border-style: solid;
	border-color: #FFFFFF;
	color: #FFFFFF;
	padding-top: 60px;
	padding-bottom: 60px;
	margin-bottom: 15px;
}

.service-number{
	width: 30px;
	height: 30px;
	text-align: center;
	font-size: 1em;
	font-weight: 700;
	margin-bottom: 15px;
	border-radius: 50%;
	display: inline-block;
	padding-top: 3px;
	background-color: #0091c8;
	color: #FFFFFF;
}

.service-title{
	height: auto;
	font-size: 2em;
	font-weight: 700;
	line-height: 1em;
	letter-spacing: -0.04em;
}

.service-subtitle{
	height: auto;
	font-family: 'Merriweather', serif;
	font-style: italic;
	font-weight: 400;
	font-size: 1em;
	line-height: 1.5em;
	color: #0091c8;
	margin-top: 30px;
}

.service-block ul li{
	padding: 0px;

}




/* SERVICES */

.tiers{
	margin-top: 30px;
}


.tier-block{
	height: auto;
	padding-left: 60px;
	padding-right: 60px;
	background-color: #242424;
	border-width: 0px;
	border-style: solid;
	border-color: #FFFFFF;
	color: #FFFFFF;
	padding-top: 60px;
	padding-bottom: 60px;
	margin-bottom: 15px;
}

.tier-title{
	height: auto;
	font-size: 2em;
	font-weight: 700;
	line-height: 1em;
	letter-spacing: -0.04em;
}

.tier-subtitle{
	height: auto;
	font-size: 1.2em;
	font-weight: 700;
	line-height: 1.3em;
	letter-spacing: -0.02em;
}

.tier-duration{
	height: auto;
	font-family: 'Merriweather', serif;
	font-style: italic;
	font-weight: 400;
	font-size: 1em;
	line-height: 1.5em;
	color: #0091c8;
}

/* SECTIONS */

.section-height{
	width: 100%;
	height: 400px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;

}


.imgholder-full{
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	display: block;
}

.imgholder-leader{
	position: absolute;
	top: 0;
	left: 0;
	bottom: 55%;
	right: 0;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	display: block;
	margin-left: 0%;
}



.imgholder-left{
	position: relative;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	display: block;
	height: 200px;
	width: 100%;
	margin-top: -100px; /*offset of the section light/dark padding */
	margin-bottom: 60px;
	margin-right: 0%;
}

.imgholder-right{
	position: relative;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	display: block;
	height: 200px;
	width: 100%;
	margin-top: -100px; /*offset of the section light/dark padding */
	margin-bottom: 60px;
	margin-left: 0%;
}

.light{
	color:#242424;
	padding-top: 100px;
	padding-bottom: 100px;
	/*background-color: #FFFFFF;*/
	position: relative;
}

.light .highlight{
	color:#0091c8;
}

.light .module-section-line{
	background-color: #242424;
}

.light h1 p{
	color: #FFFFFF;
	background-color: #242424;
	box-shadow: 15px 0 #242424, -15px 0 #242424;
	display: inline;
}

.light h2 p{
	color: #FFFFFF;
	background-color: #242424;
	box-shadow: 15px 0 #242424, -15px 0 #242424;
	display: inline;
}

.grey{
	color:#242424;
	padding-top: 100px;
	padding-bottom: 100px;
	background-color: #F6F6F6;
	position: relative;
}

.dark{
	color:#FFFFFF;
	padding-top: 100px;
	padding-bottom: 100px;
	background-color: #242424;
	position: relative;
}

.dark-small{
	color:#FFFFFF;
	padding-top: 50px;
	padding-bottom: 50px;
	background-color: #242424;
	position: relative;
}

.dark .highlight{
	color:#0091c8;
}

.dark .module-section-line{
	background-color: #FFFFFF;
}

.dark h1 p{
	color: #242424;
	background-color: #FFFFFF;
	box-shadow: 15px 0 #FFFFFF, -15px 0 #FFFFFF;
	display: inline;
}

.dark h1{
	color: #242424;
	background-color: #FFFFFF;
	box-shadow: 15px 0 #FFFFFF, -15px 0 #FFFFFF;
	display: inline;
}

.dark h2 p{
	color: #242424;
	background-color: #FFFFFF;
	box-shadow: 15px 0 #FFFFFF, -15px 0 #FFFFFF;
	display: inline;
}

.blue{
	color:#FFFFFF;
	padding-top: 100px;
	padding-bottom: 100px;
	background-color: #0091c8;
	position: relative;
}

.blue a{
	color:#FFFFFF;
	text-decoration: underline;
}

.blue .highlight{
	color:#242424;
}

.blue .module-section-line{
	background-color: #242424;
}

.blue .module-section-title{
	color: #242424;
}

.blue .blueline{
	background-color: #242424;
}

.blue h6{
	color: #FFFFFF;
}

.fullwidth{
	width: 100%;
	height: auto;
	opacity: 0;
}

.blueline{
	width: 50px;
	height: 4px;
	background-color: #0091c8;
	margin-top: 30px;
	margin-bottom: 30px;
	display: block;
}

.fridayfive{
	color: #FFFFFF;
}

.fridayfive .blueline{
	background-color: #FFFFFF;
}


/* MANIFESTO */

.manifesto-item-container{
	padding-bottom: 15px;
	padding-left: 30px;
}

.manifesto-item-title{
	font-family: 'Merriweather', serif;
	font-style: italic;
	padding-bottom: 5px;
}

.manifesto-item-description{
	color: #242424;
}

.manifesto-arrow{
	width: 20px;
	height: 20px;
	background-image: url("images/manifesto-arrow.svg");
	background-repeat: no-repeat;
	position: absolute;
	margin-left: -30px; /*offset from the padding on the container */
}

.manifesto-values-container{
	display: block;
	padding-bottom: 60px;
	padding-top: 60px;
}

.manifesto-values-container ul{
	margin-top: 15px;
}

.manifesto-values-container ul li{
	display: inline-block;
	list-style-type: none;
	font-size: 2em;
	font-weight: 700;
	line-height: 1.2em;
	letter-spacing: -0.04em;
	margin-left: 15px;
	margin-right: 15px;
}

.manifesto-values-container ul li:after{
	font-weight: 400;
	/*content: " | ";*/
}

.manifesto-values-container ul li:last-child:after{
	content: "";
}

/* SKULL LOGOS */
.skull-white{
	width: 30px;
	height: 30px;
	background-image: url("images/skull-white.svg");
	background-repeat: no-repeat;
	display: inline-block;
}

.skull-full{
	width: 200px;
	height: 50px;
	background-image: url("images/logo-white.svg");
	background-repeat: no-repeat;
	display: inline-block;
}

/* PROFILES */

.profile-container{
	background-color: #F6F6F6;
	padding:15px;
	height: 600px;
	margin-bottom: 30px;
	border-radius: 5px;
}

.profile-img{
	width: 100%;
	height: 300px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	border-color: #FFFFFF;
	border-width: 3px;
	border-style: solid;
	box-sizing: border-box;
	border-radius: 5px;
}

.profile-content{
	padding-top: 15px;
	padding-bottom: 15px;
}

.profile-container h5{
	font-size: 1.5em;
	line-height: 1em;
	margin-bottom:15px;
	margin-top:30px;
}

.profile-container h4{
	margin-bottom:15px;
}



/* ABOUT BENEFITS */

.benefits-item-container{
	padding-bottom: 15px;
	padding-left: 30px;
}

.benefits-item-title{
	font-family: 'Merriweather', serif;
	font-style: italic;
	padding-bottom: 5px;
}

.benefits-item-description{
	color: #FFFFFF;
}

.benefits-arrow{
	width: 20px;
	height: 20px;
	background-image: url("images/manifesto-arrow.svg");
	background-repeat: no-repeat;
	position: absolute;
	margin-left: -30px; /*offset from the padding on the container */
}




/* ENGAGEMENTS */

.engagements-container{
	width: 100%;
	height: auto;
	background-color: #242424;
	padding: 30px;
	color: #FFFFFF;
	border-radius: 5px;
	margin-bottom: 30px;
}

.engagements-container h4{
	font-size: 2em;
	line-height: 1.2em;
}

.engagements-container ul{
	list-style: none;
}


.engagements-container ul li{
	background-image: url("images/manifesto-arrow.svg");
	background-repeat: no-repeat;
	background-size: 20px 20px;
	padding-left: 25px;
	margin-left: -3px;
}


/* PROJECT */

.project-container{
	background-color: #FFFFFF;
	padding:15px;
	border-radius: 5px;
	margin-bottom: 30px;
	height: auto;
}

.project-img{
	width: 100%;
	height: 200px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	border-radius: 5px;
}

.project-content{
	padding-top: 15px;
	padding-bottom: 15px;
}

.project-content h5{
	margin-bottom: 20px;

}

.project-content .btn-blue{
	position: relative;
	bottom: 0;
}



/* BUTTONS */

a.btn-blue{
	background-color: #0091c8;
	color: #FFFFFF;
	font-size: 0.8em;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 15px;
	padding-right: 15px;
	display: inline-block;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: 600;
	border-radius: 5px;
}

a.btn-blue:hover{
	background-color: #00648a;
}

a.btn-white{
	background-color: #FFFFFF;
	color: #242424;
	font-size: 0.8em;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 15px;
	padding-right: 15px;
	display: inline-block;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: 600;
	border-radius: 5px;
}

a.btn-white:hover{
	background-color: #EFEFEF;
}


.btn-fixed{
	position: absolute;
	top:0;
	margin-left: 15px;
}


/* ALIGNMENT */

.vert{
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}

.vert-horiz{
	position: relative;
	top: 50%;
	text-align: center;
	transform: translateY(-50%);
}

.padding-left{
	padding-left: 60px;
}

.padding-right{
	padding-right: 60px;
}

.padding-bottom{
	padding-bottom: 30px;
}


.align-center{
	text-align: center;
}

.align-center .blueline{
	display: inline-block;
}

/* MODULES */


.module-section-container{
	top:110px;
	left: 30px;
	position: absolute;
	transform: rotate(-90deg) translate(-100%, 0);
	transform-origin: 0 0;
	display:none;
}

.module-section-title {
	float: left;
	text-transform: uppercase;
	font-size: 0.8em;
	font-weight: 600;
}

.module-section-line{
	width: 200px;
	height: 1px;
	margin-top: 8px;
	margin-right: 15px;
	float: left;
}

.img-full{
	width: 100%;
	height: auto;
}




/* MENU */

.menu-container{
	top: 0;
	left: 0;
	right: 0;
	height: 80px;
	background-color: #242424;
	z-index: 100;
	padding-left: 30px;
	padding-right: 30px;
	position: fixed;

}

.logo-container{
	float: left;
	margin-top: 15px;
}

.main-menu{
	float: none;
	text-align: center;
	display:none;
	margin-top: 150px;
}

.main-menu ul{
	list-style: none;
	padding: 0px;
	margin: 0px;
}

.main-menu ul li{
	display: block;
}

.menu-open{
	background-image: url("images/menu-open.svg");
	background-repeat: no-repeat;
	top: 0;
	right: 0;
	position: fixed;
	display: block;
	z-index: 150;
	width: 60px;
	height: 80px;
}

.menu-close{
	background-image: url("images/menu-close.svg");
	background-repeat: no-repeat;
	top: 0;
	right: 0;
	position: fixed;
	width: 60px;
	height: 80px;
	display: none;
	z-index: 150;
}

.cover{
	display:none;
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background-color: #242424;
	z-index: 99;
}

.main-menu a{
	color: #FFFFFF;
	text-decoration: none;
	font-size: 2em;
}

.main-menu a:hover{
	color: #FFFFFF;
	text-decoration: underline;
	font-size: 2em;
}

/* CHATS */

.chat-container{
	border-width: 20px;
	border-style: solid;
	border-color: #F6F6F6;
	clear: both;
	padding-top: 90px;
	padding-bottom: 90px;
	margin: 30px;
}

/* iframe embed style overrides */
iframe{
	height: 130px;
}

.embed-player{
	margin-top: 60px;
}


/* SHARING */
.sharing-btns{
	margin-left: -10px;
}



/* CLIENTS */

.client-logo{
	width: 100%;
	height: auto;
}


.center-col{
	float: left;
	display: inline-block;
}


/* LISTS */

ul{

}

li{
	padding-bottom: 15px;
	margin-left: 15px;
}


/* QUOTE */

.quote-container{
	overflow: hidden;
}

.quote-text{
	font-family: 'Merriweather', serif;
	font-weight: 700;
	font-size: 2em;
	font-style: italic;
	line-height: 1.2em;
}
.quote-marks{
	position: absolute;
	right: 0;
	top: -130px;
	font-weight: 700;
	font-size: 20em;
}


/* SOCIAL */
.social-logo{
	width: 30px;
	height: 30px;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	position: relative;
	float:left;
	margin-right: 15px;
}


.social-logo-container{
	margin-top:20px;
}

/* FOOTER */
.footer-content{
	width: 100%;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FFFFFF;
	padding-left: 30px;
	box-sizing: border-box;
}

.copyright{
	clear: both;
	padding-top: 100px;
	opacity: 0.5;
}

.footer-border{
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #555555;
}

.footer-description{
	margin-top: 20px;
	margin-bottom: 20px;
}



/* PAGINATION (WORDPRESS STYLES OVERWRITE) */

.screen-reader-text{
	display: none;
}


.page-numbers{
	background-color: #FFFFFF;
	color: #242424;
	font-size: 0.8em;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 15px;
	padding-right: 15px;
	display: inline-block;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: 600;
	margin-right: 2px;
	margin-left: 2px;
}


a.page-numbers{
	background-color: #0091c8;
	color: #FFFFFF;
	font-size: 0.8em;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 15px;
	padding-right: 15px;
	display: inline-block;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: 600;
}

a.page-numbers:hover{
	background-color: #00648a;
}



a.prev{
	background-color: #0091c8;
	color: #FFFFFF;
	font-size: 0.8em;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 15px;
	padding-right: 15px;
	display: inline-block;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: 600;
	margin-right: 15px;
}

a.prev:hover{
	background-color: #00648a;
}

a.next{
	background-color: #0091c8;
	color: #FFFFFF;
	font-size: 0.8em;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 15px;
	padding-right: 15px;
	display: inline-block;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: 600;
	margin-left: 15px;
}

a.next:hover{
	background-color: #00648a;
}



.pagination-container{
	clear: both;
	padding-top: 30px;
}



/* CONTACT FORM 7 STYLES */

.wpcf7-text{
	padding:10px;
	border-style: solid;
	border-width:1px;
	border-color: #CCCCCC;
	font-weight: normal;
	margin-top:10px;
	width: 100%;
	color:#242424;
}

.wpcf7-textarea{
	padding:10px;
	border-style: solid;
	border-width:1px;
	border-color: #CCCCCC;
	font-weight: normal;
	margin-top:10px;
	width: 100%;
	color:#242424;
}

.wpcf7-form p label{
	font-weight: normal;
	width: 100%;
}


.wpcf7-submit{
	background-color: #FFFFFF;
	border-style: solid;
	border-width:1px;
	border-color: #CCCCCC;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 10px;
	padding-bottom:10px;
	color: #242424;
}

.wpcf7-not-valid-tip{
	margin-top:5px;
	color: #FF0000;

}

div.wpcf7-response-output{
	margin:0px !important;
	padding:0px !important;
}

div.wpcf7-validation-errors{
	border-style: solid !important;
	border-width: 1px !important;
	border-color: #FF0000 !important;
	padding: 30px !important;
	background-color: #EFEFEF !important;
	font-weight:900;
	width: 100%;
	color: #FF0000;
	text-align: center;
}

div.wpcf7-mail-sent-ok{
	border-style: solid !important;
	border-width: 1px !important;
	border-color: #39b54a !important;
	padding: 30px !important;
	background-color: #EFEFEF !important;
	font-weight:900;
	width: 100%;
	color: #39b54a;
	text-align: center;
}

/* Partners */

.partner-section-btn {
	display: block;
    padding: 20px 40px;
    background: white;
    width: 200px;
    color: black!important;
    float: left;
    margin-right: 40px;
	text-decoration: none!important;
	text-align: center;
}

.partner-btn {
	display: block;
    padding: 6px 24px;
    background: white;
    width: fit-content;
    color: black!important;
	text-decoration: none!important;	
	margin-bottom: 10px;
}



/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {

	h6{
		visibility: visible;
	}


	.imgholder-full{
		display: block;
	}

	.imgholder-leader{
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
		display: block;
		margin-left: 50%;
	}

	.imgholder-right{
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		height: auto;
		width: auto;
		margin-top: 0%; /*offset of the section light/dark padding */
		margin-bottom: 0%;
		margin-left: 50%;
	}

	.imgholder-left{
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		height: auto;
		width: auto;
		margin-top: 0%; /*offset of the section light/dark padding */
		margin-bottom: 0%;
		margin-right: 50%;
	}




	.center-col{
		float: none;
	}

	.engagements-container{
		height: 650px;
	}

	.project-container{
		background-color: #FFFFFF;
		padding:15px;
		border-radius: 5px;
		margin-bottom: 30px;
		height: 420px;
	}
	

	.project-content .btn-blue{
		position: absolute;
		bottom: 60px;
	}





}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
	.tier-block{
	height: 400px;
}


	.mobile{
		display: none;
	}

	/* push page items down on desktop (removed on mobile) */
	.offset{
		margin-top: 50px;
	}

		.module-section-container{
		display:block;
	}

	.main-menu{
		float: right;
		display:block;
		margin-top: 25px;
	}

	.main-menu ul{
		list-style: none;
		padding: 0px;
		margin: 0px;
	}

	.main-menu ul li{
		display: inline;
	}

	.cover{
		display:none;
	}

	.menu-close{
		display: none;
	}

	.menu-open{
		display: none;
	}

	.main-menu a{
		font-size: 1em;
	}	

	.main-menu a:hover{
		font-size: 1em;
	}

		.engagements-container{
		height: 550px;
	}


}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

.service-block{
	height: 700px;
	border-width: 15px;
}

.service-title{
	height: 100px;
}

.service-subtitle{
	height: 100px;
	margin-top: 0px;
}
	.tier-block{
	height: 350px;
	border-width: 15px;
}

}