/*
Theme Name: Bespoke Strategies
*/  


/* Header */
#header-logo{
	left:3rem;
	top:3rem
}

#open-menu-icon{
	right:3rem;
	top:3rem;
	cursor:pointer;
}

#header-text-container{
	position:absolute;
	bottom:0px;
}

#header-text-container h3{
	margin: 0px auto 2rem;
}

#header-logo, #open-menu-icon, #close-menu{
	height:100px;
}


@media  (max-width:650px){
	#header-text-container h3{
		font-size:1rem;
		text-align:center
	}
}

@media (min-width: 651px) and (max-width:799px){
	#header-text-container h3{
		font-size:1.1rem;
		text-align:center
	}
}

@media (min-width: 800px) and (max-width:991px){
	#header-text-container h3{
		font-size:1.4rem;
		width:465px;
	}
}

@media (min-width: 992px) and (max-width:1099px){
	#header-text-container h3{
		width:600px;
	}
}

@media (min-width: 1100px) and (max-width:1399px){
	#header-text-container h3{
		font-size:2rem;
		width:670px;
	}
}

@media (min-width: 1400px) {
	#header-text-container h3{
		font-size:2.5rem;
		width:850px;
	}
}

@media (max-width: 991px) {	
	#header-logo, #open-menu-icon, #close-menu{
		height:70px;
	}
	#open-menu-icon, #close-menu{
		right: 1rem;
		top: 1rem;
	}
	
	#close-menu{
		position:absolute;
	}
	
	#header-logo{
		top:1rem;
		left:1rem
	}
	
	#close-menu{
		margin:0px;
	}
}

@media (max-width: 650px) {
	#about-us #header-text-container h3{
		margin-bottom:5px;
	}
	
	#header-logo{
		height:50px;
	}
}

/* Menu */
nav{
	top:0px;
	background-color:rgba(0, 0, 0, 0.5);
	z-index:10
}

nav ul{
	text-align: center;
	display: inline-block;
	width: 100%;
	vertical-align: middle;
	flex-grow: 1
}

#menu-list a{
	margin-bottom:30px;
}

#close-menu{
	margin-right:-2px;
	margin-top:1px
}



/* Footer */
footer{
	background-color: #1B1B1B;
	z-index: 1;
	padding-top:45px;
	padding-bottom:15px;
}

.footer-span{
	width:60px;
	display:inline-block;
}

footer .orange-bullet{
	margin-right:5px !important;
}

#footer-menu{
	margin-bottom: 40px;
	list-style-type: none;
}

.footer-link-container{
	margin-bottom:70px;
}

.footer-link{
	padding-bottom:5px;
}

@media (max-width: 992px) {
	footer{
		text-align:center;
		padding-bottom:3rem !important
	}
	
	footer ul li.d-inline-flex{
		display:block !important;
		margin-bottom:1rem;
		margin-right:0px !important
	}
}




/* Containers */
body {
  font-family:VerdigrisMVB;
  font-size:1.2rem;
  font-size:19px;
  color: #1b1b1b;
}

.bespoke-container{
	margin:0px auto;
	width:800px;
}

.wider-container .bespoke-container{
	width:1000px;
}

.be-responsible h2.bigger{
	margin-bottom:-15px;
}

@media (max-width: 991px) {
	.wider-container .bespoke-container, .bespoke-container{
		width:100%;
		flex-wrap:wrap;
		padding: 20px !important;
		margin: 0px !important;
	}
	
	.bespoke-column, .full-width-section{
		width: 100% !important;
	}
	
	.bespoke-column{		
		margin: 0px !important;
	}
	
	.two-col-section{
		padding: 0px !important;
		flex: 1 1 100%;
	}
	
	.full_width_no_margin{
		margin-bottom:-20px
	}
	
	.carousel-row .bespoke-column-0, .be-playful .bespoke-column-0{
		order: 2;
	}
		
	.carousel-row .bespoke-column-1, .be-playful .bespoke-column-1{
		order: 1;
	}
	
	.be-playful .bespoke-column-1{
		margin-top:45px !important;
	}
	
	.carousel-row .bespoke-column-1{
		margin-top:-30px !important;
		margin-bottom:20px !important;	
	}
	
	.be-playful .text-within-image-col{
		width:0px !important;
		margin-right:0px;
	}
	
	.be-playful .bespoke-column-1 div{
		width:100%;
	}
	
	.be-playful .bespoke-column-1 h2{
		position:absolute;
		z-index: 3;
		margin-left: 7px;
	}
	
	.be-playful .bespoke-column-1 .text-within-image-col h2{
		margin-top:-55px;
	}
	
	 .be-playful .bespoke-column-0{
		 margin-top:20px !important;
	 }
}

@media (min-width: 992px) {
	.be-pragmatic .image_text_span_2_right{
		right:-20px;
	}
}

.d-flex{
	display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
	display: -ms-flexbox;  /* TWEENER - IE 10 */
	display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
	display: flex;         /* NEW, Spec - Firefox, Chrome, Opera */
}

.break {
  flex-basis: 100%;
  height: 0;
}



/* Columns */


.text-within-image-col{
	margin-right:10px;
}

@media (max-width: 991px) {
	.bespoke-column{
		width:100%
	}
	
	.two-col-section .container{
		flex-wrap:wrap;
	}
	
	.text-within-image-col{
		text-align:right;
	}
}





/* Text */
@font-face {
  font-family: VerdigrisMVB;
  src: url('css/VerdigrisMVBTF-Regular.ttf'); 
}

@font-face {
  font-family: Rubik;
  src: url('css/Rubik-Light.ttf'); 
}

.verdy{
	font-family:VerdigrisMVB;
}

a{
	color: white;
}

a:hover{
	color: #403f3e;
	text-decoration:none
}

.orange-text, .large-orange-text, .large-orange-text-2{
	color: #ED6C2B
}

.large-orange-text{
	font-size:35px;
	line-height:1px;
}

.larger-orange-text{
	font-size:45px;
	line-height:1px;
}


.large-orange-text-2{
	font-size:50px;
	margin-left:-8px;
	line-height:1px;
}

.text-underline{
	text-decoration: underline !important
}

.orange-bullet{
	color: #ED6C2B;  
	margin-right:10px;
}

.large-font{
	font-size:33px
}

.large-font-2{
	font-size:31px
}

.smaller-font{
	font-size:16px;
}

.col_content{
	font-family:Rubik;
}

.rubik{
	font-family:Rubik;
}

h2, .h2{
	font-size: 3rem;
}

h1, .h1, h2, .h2, h3, .h3, .h4, .h4{
	font-family: VerdigrisMVB
}

h2.bigger{
	font-size: 4rem
}

h3.bigger{
	font-size: 38px
}

.text-quote{
	font-size:90px;
	margin-right:15px;
	margin-top:-30px;
}

.quotation-row{
	font-size:36px;
}

.quotation-row .text-quote{
	margin-top:-20px;
}

@media (max-width: 991px) {
	.quotation-row .text-quote{
		width:40px;
	}
	
	.quotation-row .orange_dot_content_div{
		width:calc(100% - 55px);
	}

	.large-font, .large-font-2, .quotation-row{
		font-size:24px;
	}
	
	.col_content{
		width:100%
	}
	
	.large-orange-text-2{
		margin-left:-6px;
	}
}

.para-margin{
	margin-bottom:40px;
}



/* Contact Form */
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
   opacity: 1;
}

::-ms-input-placeholder { /* Microsoft Edge */
   opacity: 1;
}

.wpcf7, .wpcf7-form{
	display:flex;
	width:100%;
	flex-direction:row;
	flex-wrap:wrap;
}

.wpcf7-form textarea, .wpcf7-form input{
	width:100%;
	border:2px solid #ED6C2B;
	padding:10px;
	color: #ED6C2B
}

textarea{
	resize:none;
	height: 190px;
}

.wpcf7-form .wpcf7-submit{
	padding: 10px;
	background-color: white;
	font-weight:bold;
	width: 150px;
	border:2px solid #ED6C2B;
	color: #6b6b6a
}

.wpcf7-submit:hover{
	background-color:#1B1B1B;
	color: white;
}

@media (max-width: 991px) {
	.contact-col{
		padding:0px !important
	}
	
	.wpcf7-form .wpcf7-submit{
		margin-top:1rem
	}
}



/* Lists */
.list-orange li::marker{
	color:#ed6c2b;
	font-size:24px;
}

.list-black li::marker{
	color:black;
	font-size:24px;
}

.list-black-darker li::marker{
	color: #1B1B1B
}

.full-width-section ul{
	padding-left:0px;
}

.two-col-section ul{
	padding-left:20px
}

main li{
	padding-bottom:1rem
}

.full-width-section li{
	padding-bottom:1rem
}

.additional-padding{
	margin-top:35px;
}

.additional-padding li{
	padding-bottom:2rem;
}

.additional-padding-2 li{
	padding-bottom:2rem;
}

.additional-padding-3 li{
	padding-bottom:2rem;
}

.additional-padding-2 li:last-of-type, .additional-padding-3 li:last-of-type{
	padding-bottom:0px;
}

@media (max-width: 991px) {
	.full-width-section ul{
		padding-left:20px !important;
	}
	
	main ul{
		text-align:left
	}
}



/* White and Orange Dots Content */
.orange_dot_content  p:last-of-type, .orange_dot_content_div, .orange_dot_content_div_2{
	position:relative;
}

.orange_dot_content  p:last-of-type::after, .orange_dot_content_div::after, .orange_dot_content_div_2::after {
	content: " •";
	position: absolute;
	font-size: 40px;
	color: #ED6C2B;
}

.orange_dot_content_div_2::after {
	bottom: -23px;
font-size: 50px;
}

.orange_dot_content  p:last-of-type::after{
	bottom: -16px;
	margin-left: 5px;
}

.orange_dot_span{
	font-size: 40px;
	color: #ED6C2B;
}

.orange_dot_span_2{
	font-size: 65px;
	color: #ED6C2B;
	margin-left: 3px;
}

.two_col_white_line_and_dot{
	position:relative;
}

.white-line-container{
	display:none;
}

.white-line-dot{
	width: 100%;
	position: absolute;
	bottom: 25px;
	margin-left: 5px;
}

@media (max-width: 991px) {
	.white-line-dot{
		display:none;
	}
}

@media (max-width: 991px) {
	.orange_dot_content_div::after {
		margin-left: 1px;
		font-size: 25px;
		margin-top: -1px;
	}
}



/* Shadow Class */
.shadow-class{
	position:absolute;
	top:-50px;
}

.shadow-right{
	right:0px;
}

.shadow-left{
	left:-0px;
}

.non_shadow_class_outer{
	position:absolute;
}

.non_shadow_class_outer_right{
	right:50px;
}

.non_shadow_class_outer_left{
	left:50px;
}

.non-shadow-image{
	z-index:1
}

.youtube-class{
	position:relative;
}

.non-shadow-image-right{
	right:0px;
}

@media (max-width: 991px) {
	.non_shadow_class_outer{
		left:0px;
		position:relative;
	} 
	
	.non-shadow-image{
		width:100%;
	}
	.youtube-class{
		max-width:100%
	}

}



/* Image and Text Section */
.image_text_span{
	position:absolute;
	z-index:2;
}

.image_text_span_1{
	top:0px
}

.image_text_span_2{	
	top:10px
}

.image_text_span_1_left{
	left:5px;
}

.image_text_span_2_left{
	left:40px;
}

.image_text_span_1_right{
	right:5px;
}

.image_text_span_2_right{
	right:15px;
}



/* Testimonials */
.testimonials-container{
	position:relative;
}

.testimonial-row{
	background-color:rgba(255,255,255, 0.5);
}

@media (min-width: 992px) {
	.testimonials-container{
		margin-top:100px;
		padding-bottom:500px;
	}
}

@media (max-width: 991px) {
	.testimonials-container{
		margin-top:-50px;
		padding-bottom:250px
	}
}




/* Misc */
.cursor-pointer{
	cursor:pointer
}

.negative-margin{
	margin-bottom:-2.5rem
}

.negative-margin-2{
	margin-left:-1.5rem
}

.negative-margin-3{
	margin-top:-10px
}

.negative-margin-4{
	margin-top:-2rem
}

main .justify-content-between p:last-of-type {
  margin-bottom:0px;
}

.be-container{
	position: absolute;
	bottom: -120px;
	margin-left: 3rem;
	font-size: 300px;
	color: white;
}

@media (min-width: 992px) {
	.shift-column{
		margin-left:-8.3%;
	}
	
	.mb-neg-mobile{
		margin-bottom:-15px;
	}
}

@media (max-width: 991px) {
	.mobile-text-center{
		text-align:center !important
	}
	
	.mobile-text-left{
		text-align:left !important
	}
	
	.mobile-display-none{
		display:none !important
	}
	
	.mt-4-mobile{
		margin-top: 1.5rem !important;
	}
}