/*
Theme Name: First
Theme URI: URL for FirstName Blank
Author: FirstName LastName
Description: Blank theme for WIE course
Version: 0.1
License: Open
Text Domain: firstname_lastname_blank_template
*/

/*
@import url("css/normalize.css");

@import url("css/skeleton.css");

*/

*{
    color: #454545;
    /* font-size: 14px; */
    /* line-height: 16px; */
    margin: 0;
  padding: 0;
}
/*
div.nomargin p {
    color: #000;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.3;
    letter-spacing: 0;
    margin-bottom: 0;
}
*/

.clearfix singlepost singlepost-post a {
text-decoration: underline;
	color: red;
}



.at4-share .at4-share-count {
	color: white;
}

a:hover {
text-decoration: underline;
}

img:hover {
	opacity: 0.8;
}


.widget-sidebar ul {
	list-style: none;
}

.wpp-list ul
{
list-style: none;
}

.clearfix singlepost singlepost-post p {
	font-size: 16px;
	text-align: justify;
}

.clearfix m-row postmarginbot p {
font-size: 16px;
text-align: justify;
}

.container center-content inr-center-content p {
font-size: 16px;
text-align: justify;
}




.posttitle p {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: 0;
	color: #000;
font-size: 16px;
font-weight: 600;
line-height: 1.3;
letter-spacing: 0;
margin-bottom: 0;
	
}
.posttitle p a {
    color: #575757;
}




.add-txt h2 {
margin: 0;
font-size: 18px; /* 18px */
text-align: center;	
font-family: 'Raleway', sans-serif;
	letter-spacing: 0;
	font-weight: 400;
}


.add-txt h1 {
font-size: 42px; /* 42px */
font-weight: 900;
margin-top: 0;
letter-spacing: .8px;
text-align: center;	
}

.slid-caption p span {
display: block;
font-size: 100px;
color: #ffff00;
	
}


.slid-caption p {
font-size: 60px;
font-weight: 700;
margin: 0;
line-height: normal;
text-shadow: 0 5px 5px rgba(0,0,0,.5);
color: #fff;
}



h1, h2, h3, h4, h5, h6 {
    color: blue;
}

h2, h4, h6 {
    font-weight: 100;
}

h1 {
    font-size: 2.4rem;
}
h2 {
    font-size: 2.0rem;
}
h3 {
    font-size: 1.8rem;
}
h4 {
    font-size: 1.5rem;
}
h5 {
    font-size: 1.2rem;
}
h6 {
    font-size: 1.0rem;
}

div.widget-sidebar.widget-footer {
text-align: center; 
}

/* Navigation */

.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
color: #fff;
text-decoration:none;
	}
.navigation li {

	    display: inline;

	}

	 
.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {

	    background-color: #6FB7E9;

	    border-radius: 3px;

	    cursor: pointer;

	    padding: 12px;

	    padding: 0.75rem;

	}
	 
.navigation li a:hover,

.navigation li.active a {

	    background-color: #3C8DC5;

	}


/* Blog section  */

.blog .posttitle {
width: 56.5%;
border: none;
/* padding-top: none; */
float: right;
padding: 0px;
}

.blog .nomargin {
margin: none;
min-height: none;
height: 250px;
padding: none;
/* border: none; */
margin-bottom: 20px;
}

.blog .nomargin img {
width: 40%;
height: 75%;
top: 1px;
}

.blog .posttext {
width: 55%;
right: 10px;
left: initial;
height: 150px;
}


.blog .postbottom {
 position: absolute;
 bottom:0;
 /* right: 2%; */

border-bottom: 1px solid #eeeeee;
border-top:none;
border-left: none;
border-right: none;
/* border: 1px solid #EEEEEE; */
background: none;
width: 97%;
padding-left: 10px;
padding-right: 10px;
padding-top: 5px;
padding-bottom: 5px;
/* color: #176db3; */
} 

.blog .column {
margin-left: 0px;
/* margin: 0px; */
}

.blog .columns {
margin-left: 0px;
/* margin: 0px; */
}

.blog .div.nomargin h3 {
text-decoration: underline;
}

.left-con h3 {
text-decoration: underline;
}


/* end of blog section */

.widget_top-posts .widgets-list-layout li > a {
    width: 60%;
} 
 
.widget_top-posts .widgets-list-layout img.widgets-list-layout-blavatar {
    max-width: 240px;
    width: 100%;
}
 
.widget_top-posts .widgets-list-layout div.widgets-list-layout-links {
    max-width: 100%;
    width: 55%;
}
 
@media only screen and (max-width: 1019px) {
 
    .widget_top-posts ul.widgets-list-layout {
        max-width: 600px;
        margin: 0 auto;
    } 
 
    .widget_top-posts .widgets-list-layout div.widgets-list-layout-links {
        font-size: 24px;
    }
}


img.alignright { float: right; margin: 0 0 1em 1em; border: 1px solid #ccc; }
img.alignleft { float: left; margin: 0 1em 1em 0; border: 1px solid #ccc; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; border: 1px solid #ccc; }
.alignright { float: right; }
.alignleft { float: left; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }




.singleright {
float: right;
height: 250px;
width: 300px;
position: relative;
}

.singleleft {
float: left;
height: 250px;
width: 300px;
}

.tmc {
border: 1px solid grey;
text-align: center;
background: white;
height: 150px;
padding-top: 5%;
font-size:30px;
font-weight:600;
}

.bmc {
border: 1px solid red;
}

.lmc {
border: 1px solid red;
position:absolute;
left: 1px;
}

.rmc {
border: 1px solid red;
position: absolute;
right: 1px;

}

.frontbanner img {
width: 100%;
max-width: 960px;
height: 150px;
}

.singlepost {
border-bottom: 1px solid #ccc;
margin-bottom: 20px;
padding-bottom: 10px;
/* border: 20px solid black; */
}

.singleleft .wp-post-image {
height: 250px;
width: 350px; /* 100% */
max-width: 300px;
position: absolute;
display: inline-block;
/* text-align: center; */
/* margin: auto; */
border: 1px solid #ccc;

}


rtitle {
position: absolute;
top: 1px;
border: 1px solid #ccc;
}

rcontent{
/* position: absolute; */
top: 50px;
border: 1px solid #ccc;
}

rbottomright {
position: absolute;
bottom: 1px;
border: 1px solid #ccc;
right:1px;
}


rbottomleft {
position: absolute;
bottom: 1px;
border: 1px solid #ccc;
left: 1px;
}


.price {
font-weight: 800;
color: #990000;
font-size: 20px;
float: left;
font-family: "Tahoma";
}

.color1 {
border-top: 5px solid red;
}

.color1 a:hover {
color: red;
background: #333;
}

.color2 {
border-top: 5px solid orange;
}

.color2 a:hover {
color: orange;
background: #333;
}

.color3 {
border-top: 5px solid yellow;
}

.color3 a:hover {
color: yellow;
background: #333;
}


.color4 {
border-top: 5px solid #0fbd0f;
}

.color4 a:hover {
color: #0fbd0f;
background: #333;
}


.color5 {
border-top: 5px solid #1eb4e5;
}

.color5 a:hover {
color: lightblue;
background: #333;
}

.color6 {
border-top: 5px solid blue;
}

.color6 a:hover {
color: blue;
background: #333;
}

.color7 {
border-top: 5px solid purple;
}

.color7 a:hover {
color: purple;
background: #333;
}

.color8 {
border-top: 5px solid #a20069;
}

.color8 a:hover {
color: #a20069;
background: #333;
}

.frontbanner {
height: 150px;
background: #fff;

}

.social {
padding-top: 20px;
color: white;
padding-left: 40px;
}


.affix-top .eight.columns {
float: right;
width: 63.63%/*63.63%*/;
}


.botnav {
text-align: center;
padding: 5px;
min-width: 10%;
/* border: solid 1px #ccc; */
/* display: block; (/
margin-right: -20px;
/* width: 50px; */
font-weight: 600;

}

.botnav .search-field {
position: absolute;
top:5px;
right:1px;
margin-right: 10px; 
}



.description { 
/* border: 1px solid red; */
/* width: 30%; */
text-align:center;
padding: 10px;
}

div.description h1 {
color: #444343;
font-weight: 700;
font-size: 2.4em;
}

.right{
text-align: right;

}

.logo {
width: 30%; 
}

.aboutus {
border: 1px solid #ccc;
background: #fff; /* 353535 */ /* FBFBFB */
/* opacity: 0.5; */
/* margin-top: 20px; */
position: relative;
/* top: 25px; */
height: 170px; / * 250 */
}


.mcontent {
height: 300px;
}

.mcbg {
/* background: #000; */
background-image: url(http://i66.tinypic.com/34yzl1w.jpg); /*http://i66.tinypic.com/34yzl1w.jpg */ /* images/bgstars.jpg */
height: 300px;
/* border: 1px solid red; */
background-image: url('http://i66.tinypic.com/34yzl1w.jpg'); /* space - http://i68.tinypic.com/optssm.jpg  */ /* light texture http://mideastmoderate.com/wp-content/uploads/2017/05/escheresque.png */ /* dark texture http://mideastmoderate.com/wp-content/uploads/2017/05/escheresque_ste_@2X.png */
/* background: red; */
}

.mcbg .container {
max-width: 960px; /* 960px */
/* border: 1px solid red; */
/* width: 100%; */
background: blue;
}

.mcbg .column {
margin: 0px;
}

.mcbg .columns {
margin: 0px;
}


div.nomargin h3 {
color: #000;
font-size: 16px;
font-weight: 600;
line-height: 1.3;
letter-spacing: 0;
margin-bottom: 0;
}


.wp-caption-text {
font-size: 14px;
text-align: center;
}


.indexbox {
border-bottom: 1px solid #ccc;
margin-top: 2%;
text-align: center;
padding-bottom: 1%;
}

div.indexbox h1 {
font-weight: 600;
font-size: 34px;
text-align: center;
margin: 0;
margin-top: 1%;
margin-bottom: 1%;
color: #434343;
}

div.indexbox h2 {
font-size: 1.5em;
line-height: 1.6px;
font-weight: 400;
font-family: "Raleway", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
padding: 0;
margin: 0;
color: #454545;
}

.containerpadding {
padding-bottom: 2%;
}

.widget-footer {
color: #000;
background: #333;
text-align: left;
/* width: 23.5%; */
list-style-type: none;
margin: 0;
}

div.widget-footer ul li {
list-style-type: none;
/* background: red; */
}

div.footer .three.columns {
width: 23.5%;
}

.footertitle {
    margin-bottom: 1rem;
    font-weight: 600;
}


.jp-relatedposts-post-img {
border: 1px solid #ccc;
}


.box {
display: inline-block; 
min-width: 200px;
max-width: 200px;
min-height: 200px;
margin-right: 5%;
margin-left: 6%;
/* margin-bottom: 2%; */
border: 3px solid #73AD21; 
}



.topmargin {
margin-top: 1%;
}

.topfix {
position: absolute;
top: 0;
right: 0;
}

.container {
min-height:100%;
position:relative;
}

.singletitle {
border-bottom: 1px solid #ccc;
font-size: 31px;
padding-bottom: 5px;
font-family: Helvetica,Arial,Sans-Serif;
font-weight: normal;
line-height: 1.4;
color: #000000B3;
font-weight: 600;
}

.singlebg {
background: #FBFBFB; 
padding-top: 10px;
/* font-weight: 600; */
} 

.fsize14 {
font-size: 14px;
}

.arttext {
font-size: 1.655em;
font-size: 16px;
line-height: 1.55
}

.positionright {
position: absolute;
right:0;

}

.widget-footer a {
color: #08aedc;
}

.widget-sidebar h3 {
color: #fff;
}


.wp-post-image:hover {
/* border: 1px solid red; */
}

.div.nomargin .wp-post-image:hover {
border: 1px solid blue;
}

.nomargin img:hover {
/* border: 1px solid green; */
opacity: 0.8;
}

img:hover {
/* border: 1px solid green; */
}

.sidebarbox {
position: relative;
right:0;
text-align: center;
float: right;
}

.sidebarbox h3 {
font-size: 1.5em;
color: #56565a;
font-weight: 600;
}


.postmarginbot {
margin-bottom: 20px;
/* padding: 20px; */
margin-top: 15px;
}


.border {
border: 1px solid #ccc;

}

.grey {
/* background: #EBEBEB; */

}
.thirty {
width: 33%; 	
}


.footer {
background: #333;
height: 100%;
/* margin-bottom: 20px; */
}


/*----------------------------------- code for post boxes ---------------------------------- */
.nomargin {
/* margin-left: 2%; */
/* margin: 0; !important */
/* min-height: 250px; */
/* margin-bottom: 1%; */
position: relative;
/* margin: 0px; !important */
height: 500px; /* old 550px */
width: 150px;
margin-top: 0.5%;
background:  white;
border-radius: 5px;
padding-bottom: 1%;
/* padding-right: 1%;
padding-left: 1%; */
overflow: hidden;
/* border: 1px solid #dfdbdb; */
/* box-shadow: #f2ecec 0 0 4px; */
}

.nomargin img {
width: 100%;
height: 50%;
border: 1px solid #ccc;
}



.blognomargin {
/* margin-left: 2%; */
/* margin: 0; !important */
/* min-height: 250px; */
/* margin-bottom: 1%; */
position: relative;
/* margin: 0px; !important */
height: 200px; /* old 550px */
width: 150px;
margin-top: 0.5%;
background:  white;
border-radius: 5px;
padding-bottom: 1%;
/* padding-right: 1%;
padding-left: 1%; */
overflow: hidden;
/* border: 1px solid #dfdbdb; */
/* box-shadow: #f2ecec 0 0 4px; */
}



div.nomargin .wp-post-image {
height: 250px; /* 150 */
width: 100%;
position: absolute;
display: inline-block;
text-align: center;
margin: auto;
border: 1px solid #ccc;
}


.blog div.nomargin .wp-post-image {
height: 80%; /* 150 */
width: 40%;
position: absolute;
display: inline-block;
text-align: center;
margin: auto;
border: 1px solid #ccc;
}



.postbottom {
 position: absolute;
 bottom:0;
 /* right: 2%; */
border-top: 1px solid #EEEEEE;
border: 1px solid #EEEEEE;
background: #FBFBFD;
width: 93%;
padding-left: 10px;
padding-right: 10px;
padding-top: 5px;
padding-bottom: 5px;
/* color: #176db3; */
} 





.titletext {
color: #000;
font-size: 16px;
font-weight: 600;
}

.visit {
float: right;
text-align: right;
border: 1px solid #000;
background-image: url(http://mideastmoderate.com/wp-content/uploads/2017/05/blue-button-v3-no-canvas.png);
}

/* .thumbnail {
border: 1px solid red; 
width: 100%;
height: 150px;	
}
*/


.postdiv {
border: 5px solid #000;
color: #fff;
background-color: black;
}


.posttext {
width: 99%; 
height: 145px; /* 145px */
overflow: hidden;
text-overflow: ellipsis;
/* white-space:nowrap; */
position: absolute;
bottom: 12%;
/* border: 1px solid #ff0; */
/* text-align: center; */
/* padding-left: 10px; */
/* padding-right: 10px; */
text-align: justify;
left: 1px;
}

.blogposttext {
width: 65%; 
height: 145px; /* 145px */
overflow: hidden;
text-overflow: ellipsis;
/* white-space:nowrap; */
position: absolute;
bottom: 5%;
/* border: 1px solid #ff0; */
/* text-align: center; */
/* padding-left: 10px; */
/* padding-right: 10px; */
text-align: justify;
right: 10px; 
}


.posttitle {
width: 96%;
overflow: hidden;
text-overflow: ellipsis;
white-space:inherit;
postion: absolute;
top: 0;
/* border: 1px solid #ccc; */
text-align: center;
padding: 10px;
}


.spread {
min-height: 100%;
border: 1px solid #000;
background: #000;
}

.headercolor {
background: #044EB4; /* 044EB4 */
}

a:hover {
  color: #0FA0CE; } /* #0FA0CE */


/* ----------------------------------- end post boxes ------------------------------ */

/*---------------------------------------- footer -----------------------------------*/






/* menu */

/*---------------- footer nav ------------------- */

.blank-menu-footer ul {
	background:#333;
	padding:0;
	margin:0;
	list-style-type:none;
	height:40px; /* 40px */
}

.blank-menu-footer ul li { float:left; margin:0;}
.blank-menu-footer ul li a {
	padding: 8px 11px; /*8px 11px */ /* 14px 16px */
	display:block;
	color:#fff;
	text-decoration:underline;
}
.blank-menu-footer ul li a:hover {
background:blue;}


/* --------------- nav menu new ----------------- */

.navcolor {
background: #333;
height: 60px; /* 40px */
/* margin-bottom: 20px; */
}

.botmargin {
margin-bottom: 1%;
}

.blank-menu-header ul {
	background:#333;
	padding:0;
	margin:0;
	list-style-type:none;
	height:40px;
}
.blank-menu-header ul li { float:left; margin:0;}
.blank-menu-header ul li a {
	padding: 17px 11px; /*9px 11px*/ /* 14px 16px */
	display:block;
	color:#fff;
	text-decoration:none;
}
.blank-menu-header ul li a:hover {
/* background: #333; */
text-decoration: underline; 
}

/* Submenu */
.blank-menu-header ul ul {
	position:absolute;
	left:-9999px;
	top:-9999px;
	list-style-type:none;
}
.blank-menu-header ul li:hover { position:relative; /* background:red; */ z-index: 14;  }
.blank-menu-header ul li ul li {margin:0;}
.blank-menu-header ul li:hover ul {
	left:0px;
	top: 55px; /* 50 */
	background-color: #f9f9f9;
	padding: 0px;
}

.blank-menu-header ul li:hover ul li a {
	padding: 15px; /* 10px */
/* margin-top: 5px; */
	color:#000;
	display:block;
	text-indent:5px; /* 15px */
	background-color: #f9f9f9 ; /* f9f9f9 */
    	min-width: 160px;
    	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	z-index: 1;
text-align: center;
}
.blank-menu-header ul li:hover ul li a:hover { background-color: #ccc /* #f1f1f1 */ }

 .left-con ul.post-categories{list-style: none;}
  .left-con{width: 68%;float: left; padding-top: 20px; }
 .left-con #nomarigin{width: 98%;}
 .right-con{float: right; padding-top: 20px; }
 
/* .four.columns.posts.nomargin { margin:7px;} */
.ads img {height: 85%; }

/*vagh css changes*/
header{position: fixed;top:0;}
body{margin-top: 60px;}

/*new css add by kanak*/
#sticky-wrapper{height: 0 !important;}
.owl-carousel.owl-banner img.wp-post-image:hover{opacity: 0.5;}
.owl-carousel.owl-banner .owl-item.active .slid-caption{bottom: inherit;}
.owl-carousel .slid-caption{height: 100%;}
.owl-carousel.owl-banner .slid-caption:hover + img.wp-post-image{opacity: 0.5;}
/*end*/

/*mobile issue css*/
@media screen and (max-width: 767px) {
	.posts.blog .left-con{width: 100%;}
	.posts.blog .four.columns.sidebarbox.right-con{float: left;position: relative;}

	/*blog category page css*/
	.blogimg{width: 40%;float:left;position: relative;}
	.blog div.nomargin .wp-post-image{width: 100%;position: relative;height: 200px;}
	.blog .posttitle{float: left;position: relative;}
	.blog .postbottom{float: left;position: relative;}
	/*.blog .posttext{height: auto;}*/
	/*end*/
}