/*

Theme Name: This Way

Theme URI: http://www.renklibeyaz.com/thisway

Description: Full background Image and Video

Author: RenkliBeyaz - Salih Ozovali

Version: 1.7.0



Tags: Default



License:

License URI:



You can add your custom styles to this css file. This Way uses style_dark.php or style_light.php file for dynamic styles.



*/


/*pop up message styling that we are not using*/
.modal-content {
display:none;
}

.modal {display: none!important;}

.modal-body, .modal-header, .modal-footer {
border: 0px solid #fff;
border-bottom: 0px solid #fff!important;
border-top: 0px solid #fff!important;}

/*make video link only show on devices*/

.show_mobile {
display: none;
}



.mobile_table_of_content {
display: none;
}

/*make background a link*/
.fullwidth {width:200px; height: 1000px; display:block; top:0px;}

#menu-container {top: 0px!important;}

.fullwidth-right {position: absolute; top: 0px; right: 0px; width:200px; height:1000px; display:block;
    padding-right: 0px;
    z-index: 400;}


/*remove play button from vimeo--the below all don't work*/

/*.play, .rounded-box, .state-playing {display: none!important;  z-index: -7!important;}
.player, .controls, .play  {display: none!important;  z-index: -7!important;}

.player.no-playbar:not(:-moz-full-screen) .controls .play {
    z-index: -7!important;}*/


/*styling table of contents*/
.toc_1 {float: left; height: 150px; width: 30%; padding-top: 0px;}
.toc_2 {float: left; height: 70px; width: 30%; padding-top: 80px; padding-left: 30px;}
.toc_3 {float: left; height: 120px; width: 30%;padding-top: 30px;}
.toc_4 {float: left; height: 60px; width: 30%; padding-top: 80px; padding-left: 30px;}
.toc_5 {float: left; height: 60px; width: 30%; padding-top: 90px;}
.toc_6 {float: left; height: 150px; width: 20%; padding-left: 90px;}
.toc_7 {float: left; height: 30px; width: 30%; padding-top:40px; }
.toc_8 {float: left; height: 90px; width: 20%; padding-top: 60px; padding-left: 90px;}
.toc_9 {float: left; height: 150px; width: 30%; padding-left: 60px;}
.toc_10 {float: right; height: 150px; width: 30%; }

/*styling mesmer text not used*/
.m1 {padding-bottom: 8px;}
.m12 {padding-bottom: 24px;}
.m2 {padding-left: 60px; padding-bottom: 8px;}
.m3 {padding-left: 170px; padding-bottom: 8px;}
.m4 {padding-left: 180px; padding-bottom: 8px;}
.m5 {padding-left: 240px; padding-bottom: 8px;}
.m6 {padding-left: 300px; padding-bottom: 8px;}
.m65 {padding-left: 360px; padding-bottom: 8px;}
.m67 {padding-left: 420px; padding-bottom: 8px;}
.m7 {padding-left: 480px; padding-bottom: 8px;}
.m8 {padding-left: 540px; padding-bottom: 8px;}

/*styling for mackey text not used*/
.p2 {padding-bottom: 2px;}
.p3 {line-height: 44px;padding-bottom: 2px;}
.p4 {vertical-align:top;}
.p5 {vertical-align:bottom;}

/*styling for prose text*/
.p_indent {line-height: 30px;
text-indent: 50px;}

/*styling for quote in prose text*/

.p_quote {padding-left: 50px;}


/*remove menubar*/

#menu-container {

background-image: none;

}



/*reposition logo top right*/


#logo img {

	position:fixed;

	top:50px;

	right: 50px;

width: 10%!important;



}

/*remove footer*/

#footer {

	display: none;

}



#content {

height: 100%!important;
background-color: none!important;
margin-left: 15%!important;
margin-right: 15%!important;
width: 70%!important;
position:absolute!important;
top: 0px!important;
left: 0px!important;
overflow: scroll;


}



#contentBox {

width: 84%;
background-color: #fff!important;
text-align:left;
padding:8%!important;
display: none;

}



	

/*style text*/

.caption {

	background:none!important;

padding-left:0px!important;

padding-right:0px!important;

	padding-top:50px!important;

	padding-bottom:50px!important;

	font-size: 36px!important;}

	

p {padding-bottom:15px;

/*background-color:#fff;*/

/*padding-left:5%;*/

/*padding-right:5%;*/



	}

	

	

h2 {

	padding-bottom:5px;

	padding-top:5px;

/*background-color:#fff;*/

/*padding-left:5%;*/

/*padding-right:5%;*/

color:#000;

font-size:20px;

}

h3 {

font-size: 18px;
color:#000;}

h3 a
{font-size: 18px;}

	

a.closebutton2 {

	display: block;

	float: right;

	margin-top: -30px;

	margin-right: 10px;

	

	text-align: center;

	border-radius: 50%;

	text-decoration: none;

	font-size: 22px;

	font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;

	

	

	height: 22px;

	width: 22px;

	color: #000;

	/*border: 2px solid #000;*/

}

	

a.closebutton2:hover {

	



	color: #EB0D11;	

}



	



/*css that the theme came with*/

.alignleft{

	float: left;

	margin: 10px;

	border: none;

}

	

.aligncenter {

	margin: 10px auto;

	display: block;

	border: none;

}



.alignright {

	float: right;

	margin: 10px;

	border: none;

}



.gallery-caption {}

.bypostauthor {}



.wp-caption { background: #fff; padding: 10px;}

.wp-caption-text { font-style: italic; font-size: 10px;}

.sticky { background: rgba(255,255,255,0.1);}


/*ipad vertical*/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)
and (orientation : portrait)
 {


#body-wrapper {width: 100%!important;}


#content {
width:50%!important;
padding: 0px;
margin-left: 0%!important;
margin-right: 15%!important;
overflow: auto;
}

}



/*ipad*/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
 {

p, em, a, i {font-size: 20px!important; line-height: 30px!important;}


.fullwidth-right {display: none;}



.modal-content {
display:block!important;
}

.modal-body, .modal-header, .modal-footer {
border: 0px solid #fff;
border-bottom: 0px solid #fff!important;
border-top: 0px solid #fff!important;}


.show_mobile {display: block; text-align: left; margin-left: 10px;}

.show_mobile img {height: 80px;}



.fullwidth {display: none;}

.fullwidth a {display: none;}

.fullwidth img {display: none;}


.fullwidth-right {display: none;}

.fullwidth-right a {display: none;}

.fullwidth-right img {display: none;}



iframe {
display: none;}



#mobile_bg img {height: 100%;}

#mobile_bg {width: 100%; height: 100%;
position: fixed;
top: 0px;
left: 0px;

}





#content {
width:70%!important;
padding: 0px;
margin-left: 15%;
margin-right: 15%;
overflow: auto;
}

}

/*iphone*/
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 768px)  {


.modal-content {
display:block;
}

.modal {display: block!important;}

.modal-body, .modal-header, .modal-footer {
border: 0px solid #fff;
border-bottom: 0px solid #fff!important;
border-top: 0px solid #fff!important;}


a.closebutton2 {display: none!important;}


a.mobile_table_of_content {
display: block!important;
position: fixed;
top: 0px;
background-color: #fff;
width: 100%}



p, em, a, i {font-size: 60px!important; line-height: 70px!important;}

.toc_1 {float: none; line-height: 60px; width: 100%; padding: 0px; height: 180px;}
.toc_2 {float: none; line-height: 70px; width: 100%; padding: 0px; height: 100px;}
.toc_3 {float: none; line-height: 70px; width: 100%; padding: 0px; height: 100px;}
.toc_4 {float: none; line-height: 70px; width: 100%; padding: 0px; height: 100px;}
.toc_5 {float: none; line-height: 70px; width: 100%; padding: 0px; height: 100px;}
.toc_6 {float: none; line-height: 60px; width: 100%; padding: 0px; height: 100px;}
.toc_7 {float: none; line-height: 70px; width: 100%; padding: 0px; height: 100px;}
.toc_8 {float: none; line-height: 70px; width: 100%; padding: 0px; height: 100px;}
.toc_9 {float: none; line-height: 70px; width: 100%; padding: 0px; height: 100px;} 
.toc_10 {float: none; line-height: 70px; width: 100%; padding: 0px; height: 100px;}


.caption {font-size: 80px!important; line-height: 90px!important; padding-top: 70px!important;}

.fullwidth {display: none; width: 0px;}

.fullwidth-right {display: none; width:0px;}

iframe {
display: none;}

.show_mobile {display: block; text-align: left; }

.show_mobile img {height: 160px;}

#menu-container {
z-index: 777;}

.hide-mobile 
{display: none;}



#content {
width:100%!important;
padding: 0px;
margin: 0px!important;
overflow: auto;
}

#contentBox {
}

#logo {
}

#logo img {
position: fixed;
top: 30%;
    left: 25%;
    right: 25%;
width: 50%!important;
}

#mobile_bg {width: 100%; height: 100%;
position: fixed;
top: 0px;
left: 0px;

}

#mobile_bg img {height: 100%;}
}

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 736px)  
and (orientation : landscape){


.modal-content {
display:block!important;
}

.modal-body, .modal-header, .modal-footer {
border: 0px solid #fff;
border-bottom: 0px solid #fff!important;
border-top: 0px solid #fff!important;}

#logo img {
position: fixed;
top: 30%;
    left: 35%;
    right: 35%;
width: 30%!important;
}
#mobile_bg img {width: 100%;}

}