/*
Theme Name: ESC Insight
Theme URI: https://escinsight.com
Description: ESC Insight
Author: Electric Kiwi
Author URI: https://electrickiwi.co.uk
Description: The ESC Buzz theme.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://escinsight.com
Tags: Eurovisoin
Text Domain: escinsight

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/


.pinit { display: none !important; }

.cp-circle-control,.cp-progress-holder,.cp-buffer-holder {
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}


/*--- GENERAL ---*/

h1 { font-family: 'Roboto'; font-weight: 500; /* border-left: 6px solid #f9a11a; */ padding-left: 6px; font-size: 32px; line-height: 1.3em; margin-left: 8px; margin-bottom: 0; }
h1 img { margin-left: 6px; margin-top: 0; }

h2 { font-family: 'Roboto'; font-weight: 500; border-left: 6px solid #f9a11a; padding-left: 6px; font-size: 26px; }

h3 { font-family: 'Roboto'; font-weight: 500; border-left: 6px solid #f9a11a !important; padding-left: 6px; font-size: 20px; }

blockquote { padding: 5px; width: 85%; display: block; margin: 10px auto; text-align:left; }

.size-custom-640x360 { margin: 0px auto; display: block; text-align:center; }

.g-col, .g-dyn, .g-single { width:auto !important; margin-left:0; margin-right:0; }

.sidebar-box {display:block !important;}

/*------ PAGINATION STYLES ------*/

.pagi { padding-top: 50px; padding-bottom: 15px; text-align: center; font-family: 'Roboto',sans-serif !important; text-transform: uppercase; font-size: 16px; float: left; width:100%; }

.pagi .page-numbers { padding: 0; margin: 0; text-align: center;  font-family: 'Roboto',sans-serif !important; font-size: 14px !important; text-transform: uppercase; letter-spacing: 0.5px; background: #f9a11a !important; color: #fff; padding:1px 8px; margin-right:7px; }

.pagi a { display:inline-block; text-align: center; }

.pagi a:hover { color: #fff; background: #3e3e3e !important; }

.pagi .current { background: #3e3e3e !important; color: #fff; margin-right:7px; padding:8.5px 8px; }

.pagi .dots { padding:4px 2px; margin-right:7px; background: #fff !important; color: #3e3e3e !important; }


/*-- HOME SIDEBAR RECENT COMMENTS --*/


.sidebar-box ul#recentcomments {list-style:none;padding:0;}

.cwp-ul { list-style: none; padding: 0; }

.recentcomments { line-height: 1.2em; }

.cwp-comment-excerpt { font-size: 14px; }

.sidebar-box li.recentcomments {padding-top:10px;padding-bottom:10px;}

.sidebar-box li.recentcomments:not(.first-child) {border-bottom:1px solid rgba(0,0,0,0.2)}

.sidebar-box li.recentcomments:first-child + li {border-top:1px solid rgba(0,0,0,0.2)}

.sidebar-box li.recentcomments:last-child {border-bottom:0px;}

/*--- ARTICLE ---*/

#commentform { font-size: 18px; }
#commentform input { border: 1px solid #3e3e3e; width: 80%; display: block; height: 30px; font-family: 'Roboto'; font-size: 18px; font-weight: 300; padding-left: 1px; padding-right: 1px; }
#commentform textarea { border: 1px solid #3e3e3e; width:80%; font-family: 'Roboto'; font-size: 18px;  font-weight: 300; padding-left: 1px; padding-right: 1px; }
#commentform input#submit { background: #f9a11a; color: #fff; text-transform: uppercase; height: 40px; width: 80.5%; border: 0; font-size: 18px; font-family: 'Roboto'; padding-left: 5px; padding-right: 5px; }
#commentform input#subscribe_blog, #commentform input#subscribe_comments { display: inline-block; margin-right: 10px; vertical-align:middle; }

.wp-caption-text { text-align: center; font-size: 12px; line-height: 1.5em; margin-top: 0; padding-top: 0; }

.wp-caption { background: #e7e7e7; padding-left: 1px; padding-right: 1px; padding-top: 6px; padding-bottom: 0.5px; margin: 0 auto; display: block; text-align: center; }

iframe { margin: 0 auto 5px; text-align: center; display: block; }

.widget-title { background: #f9a11a; color: #fff; text-transform: uppercase; text-align:left; padding-top: 3px; padding-bottom: 1px; padding-left: 1% !important; width: 99%; margin-bottom: 10px; font-size: 20px; border-left: 0 !important; }

.commentlist { margin-left: 25px; padding-left: 0; padding-right: 25px; list-style: none; }
.comment { padding-bottom: 5px; margin-bottom:30px; margin-left: 0; border-left: 6px solid #f9a11a; padding-left: 6px; }
.comment:nth-child(odd) { border-left: 6px solid #e7e7e7; }

#tgm-mc-get-subscribed { vertical-align:middle !important; display: inline-block !important; margin-right: 10px !important; }

.pingback { padding-bottom: 5px; margin-bottom:30px; margin-left: 0; border-left: 6px solid #3e3e3e; padding-left: 6px; }

.read-more { font-weight: bold; padding-right: 5px; }


.post-thumb { display: inline-block; width:80px; float: left; }
.post-thumb img { border: 4px solid #e7e7e7; }

@media screen and (min-width:980px){
	#highlighted p { display: inline-block; float: left; width: 400px; }
}

#highlighted .post-thumb { display: inline-block; width:150px; height: auto; float: left; margin-right: 20px !important; }

#content-container img, .wp-caption { max-width: 100%; height: auto; }

/*--- MENU ---*/

#menu1, #menu2 { font-size: 15px !important; font-weight: 300; text-transform: uppercase; text-align:left; height:50px; }
.dropdown { font-size: 15px !important; float: left; }


/*--- TOP MENU ---*/

.screen-reader-text { display: none; }
#s { font-family: 'Roboto'; font-weight: 300; border: 0; padding: 2px; height: 20px; width: 150px; position: relative; top: -2px; padding-left: 5px; font-weight: bold; }
#s:focus { outline: none; }
#searchsubmit { display: inline-block !important; }


#menu1 .dropdown li { height: 100% !important;
  line-height: 50px; }

#menu1 .dropdown li:hover { background: #d7d7d7; }
#menu1 .dropdown .sub-menu { margin-top: 0 !important; padding-bottom: 0 !important; min-width: 275px; width: auto; padding-top: 0; }
#menu1 .dropdown .sub-menu li {  background: #e7e7e7; display:block !important; padding-left: 12px !important; padding-top: 13px; padding-bottom: 12px; min-width:275px; line-height: 20px !important; }
#menu1 .dropdown .sub-menu li:hover { background: #d7d7d7 !important; cursor: pointer; }

#menu1 ul.sub-menu li {
padding-top: 13px; padding-bottom: 12px;
}


/*--- BOTTOM MENU ---*/

#menu2 .dropdown li { height: 100% !important; line-height: 50px; }
#menu2 .dropdown li:hover { background: #f87b00; }
#menu2 { position: relative; z-index: 1; }
#menu2 .dropdown { padding-top: 0px; }
#menu2 .dropdown .sub-menu { min-width: 275px; text-align: left !important; padding-left: 0; padding-top: 0; padding-bottom:0; }
#menu2 .dropdown .sub-menu li {  background: #f9a11a; display:block !important; padding-left: 12px !important;line-height: 20px; }
#menu2 .dropdown .sub-menu li:hover a { border-bottom: 0 !important;  }
#menu2 .dropdown .sub-menu li a { padding: 0; }
#menu2 .dropdown .sub-menu li a:hover { border-bottom: 0 !important; }

#menu2 .dropdown .sub-menu li:hover { background: #f87b00 !important; cursor: pointer; }


/*--- GENERAL ---*/

/*-- .sidebar-box, #ads img {border:1px;border-color: #000;border-style:solid;} --*/
#sidebar p.simple-image  {margin-bottom:0px;}


.auth_featured img {width:100%}

body { margin: 0; background: url(bg2.jpg) #1b1b1b; font-family: 'Roboto'; font-weight: 300; line-height: 1.6em; background-attachment: fixed; background-size: cover; padding: 0; overflow-x:hidden;}

a { color: #f9a11a; text-decoration: none; }

a:hover { color: #000000; }

div.featured div.cai-cont img {width:100%; height: auto; text-align: center; margin: 5px auto; position: relative; }

div.featured div.cai-cont div.alt {position: relative; margin-top: -45px; height: auto; font-size: 12px; text-align: center; width: 100%; z-index:0; background: rgba(255,255,255,0.95); padding-top: 5px; padding-bottom: 5px; }

span.says {display:none;}

div.sharedaddy {display:none;}
.sd-title {display:none !important;}
.sd-content {text-align: center;}

.cust-share div.sharedaddy {display:block !important;}
.cust-share{margin-left:10px;}

div#cs-title-wpcontent_slider {z-index:-1 !important;}

.in-post-content iframe {max-width:640px;width:100%;}
.embed-youtube iframe {max-width:640px;width:100%;}

/*--- CONTAINER ---*/

.dropdown a {font-size:13px !important;}

#container { margin: 0px auto 10px; display: block;margin-top:0; }

#highlighted div.sharedaddy {display:none;}

/*--- HEADER ---*/

#wpcontent_slider_container {margin:0 auto !important; width:100% !important;max-width:875px;}

#wpcontent_slider {width:100% !important; border: initial !important;max-width:875px;/* background:initial !important; */}

#cs-wpcontent_slider11 {background-size:contain;background-repeat:no-repeat;}

#wpcontent_slider a:not(.cs-prev, .cs-next), #wpcontent_slider a img {width:100% !important;max-width:875px;}

a.cs-wpcontent_slider {width:100% !important;max-width:875px;}

#slider { width: 100%; height: auto; /* background: #e7e7e7; */ margin-bottom: 20px; }

#highlighted, #ads { width: 100%; height: auto; margin-bottom: 10px; }

.cs-prev,.cs-next {width:initial !important;}

/*--- MENUS ---*/



ul.sub-menu li {margin-right:0 !important;}

#header { z-index: 999; }

#responsive-menu { box-shadow: none !important; border-left: 0; color: #fff; letter-spacing: 1px; margin-top: 60px; z-index: 5; top: 0; overflow-x:hidden; }

#responsive-menu #responsive-menu-title, #responsive-menu #responsive-menu-title a {

    color: #fff !important;

    display: none;

    overflow: hidden !important;

    text-decoration: none !important;

}

#responsive-menu .responsive-menu li a { padding: 12px !important; }

#menu1, #menu2 { height: 40px; width: 100%;display:table;text-transform:capitalize !important; }
#menu1, #menu2  .dropdown li {

    line-height: 40px !important;
}

#menu1 a, #menu2 a { color: #000; font-weight: bold; }

#menu1 ul.sub-menu li {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

#menu1 { background: #e7e7e7; }
#menu1 li {line-height: 40px !important;}
#menu2 { background: #f9a11a;}

.links { padding-left: 10px; letter-spacing: 0.5px; font-size: 16px; font-weight: bold; }

.links ul { list-style: none; padding: 0; margin: 0; }

.links ul li { display: inline-block; margin-right: 20px; }

.social { float: right; padding-right: 10px; /* line-height: 64px;  */top: 7px;position: relative;}

.social img { margin-left: 5px; }



/*--- CONTENT ---*/

#content-container { background: #fcfcfc; height: auto; clear: both; /* margin-top: -15px; */overflow:hidden;width:auto;float:none;/*padding:10px !important;*/}

#menu2 {display:table;}

#menu2 .innner {display:table-cell;vertical-align:middle;}

#menu1 >div >div> div> div>div>table {

    /* left: 50%;

    position: relative;

    transform: translateX(-50%); */

}

#main { width: 640px; padding-bottom: 15px; }
.powerpress_player {display:none !important;}

#sidebar {}

.article { margin-bottom: 35px; width:100%; }

.article-title { background: #f9a11a; color: #fff; /* text-transform: uppercase */ ;padding-top: 2px; padding-bottom: 2px; width: 100% !important; margin-bottom: 10px; font-size: 18px; display: block; font-weight: 600; border: 1px solid #3d3d3d;border-left: 0;
border-right: 0; }


.article-title span {display:block;}

.pagi { text-align: center; text-transform: uppercase; }

.comment {

    border-left: 6px solid #E7E7E7 !important;
}

/*--- FOOTER ---*/

#orange { background: #f9a11a; height: 40px; width: 100%; line-height: 40px; text-align: center; clear: both; font-weight: 700; text-transform: uppercase;}

#orange a { color: #000; }

#orange a:hover { color: #fff; }

#footer { background: #000; width: 100%; min-height: 200px; clear: both; margin-bottom: -10px;overflow:hidden; }

#footer a:hover { color: #fff; }

.footer-box { width: 200px; margin-right: 20px; margin-left: 20px; margin-right: 0;  display: inline-block; margin-top: 15px; vertical-align: top; text-align:center; color: #fff; }

.footer-title { text-transform: uppercase; font-weight: 700; letter-spacing: 0.5px; font-size: 16px; padding-bottom: 10px; }

#credits { text-align:center; font-size: 10px; color: #fff; margin-top: 20px; margin-bottom: 10px; letter-spacing: 1px; float: none; }

#menu2 .links {float:left;}

#menu1 {overflow-y:visible;}

#menu1 ul.sub-menu {

    background: rgb(231, 231, 231) none repeat scroll 0% 0%;

    padding-top: 10px;

}



.shailan-dropdown-menu .dropdown-horizontal-container {

    margin: 0 !important;

}

.links {

    display: table-cell;

    vertical-align: middle;

}

@media all and (min-width:980px)

{

	#container { width: 900px;}

	/* .links { float: left; } */

#content-container { /*width: 880px;float: right*/ }

	#main,#featured-container { width: 590px;float: left;}

	#sidebar,#featured-container-sidebar { width: 270px; float: right; }


	.sidebar-box img { max-width: 100%; height: auto; }

	.article-title {

		padding-left: 5px;

	}

	#content-container { }

}

@media all and (max-width:979.99px)

{

	#container {width:100%;}

	#content-container {

		/* width: 100%; */

	padding-left: 1%; padding-right: 1%;

		margin-left: auto;

		margin-right: auto;

		padding-top:5px;

	}

	#header {width:100%; }

	/* .links {display:table;}

	.links ul {white-space: nowrap; display: table-cell; vertical-align: middle;} */

	#main,#featured-container { width: 100%;}

	#sidebar,#featured-container-sidebar,#featured-container-sidebar-mobile { width: 100%;}

  /* #featured-container-sidebar-mobile {text-align: center;} */

	.footer-box { display: block; width: 95%; padding-left: 2.5%; padding-right: 2.5%; padding-top: 5px; text-align: center; padding-bottom: 15px; margin-left: 0; margin-right: 0; }

	.sidebar-box, #sidebar .simple-image {

		display:inline-block;

	}

	#sidebar {text-align:center;}

}


@media all and (max-width: 915px) {

.tagline { display: none; }

}

/*-----------MQs for bottom-desktop menu-------------*/

@media all and (min-width:980px)

{

	#menu1 .links ul li {font-size:15px;}

	#menu2 .links ul li {font-size:15px;}

}

@media all and (min-width:901px) and (max-width:979px)

{

	#menu1 .links ul li {font-size:13px;}

	#menu2 .links ul li {font-size:13px;}

}

@media all and (min-width:801px) and (max-width:900px)

{

	#menu1 .links ul li {font-size:11px;}

	#menu2 .links ul li {font-size:11px;}

}

@media all and (min-width:0px) and (max-width:800px)

{

	#menu1 .links ul li {font-size:10px;}

	#menu2 .links ul li {font-size:10px;}

}

@media all and (min-width:801px) and (max-width:900px)

{

	#menu2 .links ul li {margin-right:10px !important;}

}

@media all and (min-width:0px) and (max-width:800px)

{

	#menu2 .links ul li {margin-right:10px !important;}

}

/*---------------------------------------------*/

#menu2 .links {

    font-size: 10px;

}

/*-----------------------MQs for header split---------------*/

@media all and (min-width:916px)

{

	#header { height: 60px; line-height: 60px; }

	.logo { float: left; padding-left: 5px; padding-right: 5px; background: #000; }

	.mob_break_header {display:none;}

	.tagline { float: right; padding-top: 15px; padding-right: 10px;}

}

@media all and (max-width:915px)

{

	#header { height: auto; line-height: 0px; background: #000; padding-top: 5px;text-align:center; }

	.logo { padding-left: 5px;display:inline-block; float: left; }

	.mob_break_header {display:none;line-height:0px;margin-top:-40px;}

	.tagline {display:none;}

}

/*-------------------------------------------------------------*/

/*------------------MQ for making header fixed and pushing everything else down------------*/

@media all and (min-width:916px){

		.cai-cont {position:relative;line-height:0;}

		.cai-cont > img {margin: 0 auto !important;}

		.cai-cont .alt {/*position:absolute !important;*/bottom:0px;background:rgba(255, 255, 255, 0.9) none repeat scroll 0% 0% !important;line-height:initial !important;margin:0 !important;}

}

@media all and (max-width:915px){

	.cai-cont {position:relative;line-height:0;}

		.cai-cont > img {margin: 0 auto !important;}

	.cai-cont .alt {line-height:initial !important;margin-top:5px !important;}

	#header{

		position: fixed;
		top: 0px;
		z-index: 999;

	}

	#content-container {

		margin-top: 53px;

	}

}

/*-------MQs for Orange bar design------*/

@media all and (min-width:550px){

}

@media all and (max-width:549px){
  .orange_div {display:none !important;}
  .orange_sub2 {display:block;}
  #orange {height:80px !important;}

}

@media all and (max-width: 620px) {
.user-desc-single-inner img { float: none !important; display: block !important; margin: 0 auto 5px !important; text--align:center !important; }

}

/*--------MQs for sidebar adjustment-------*/


  #ads {text-align: center; margin-top: -15px; }
  #ads div {display:inline-block;}
  #featured-container-sidebar {text-align: center;}


/*-------MQs for article adjustment--------*/

@media all and (min-width:980px){
  .article p { display: inline-block; float: left; width: 500px; }
  #highlighted p { display: inline-block; float: left; width: 400px; }
}

/* @media all and (max-width:979px){
  div.post-thumb {float:left;}
  .article p { display: inline-block !important; }
  #highlighted p { display: inline-block !important; float: left !important; width: 98% !important; }
	#highlighted { height: 80px; width: auto; }
} */

/*-------MQs for featured sidebar adjustment (mobile and desktop)--------*/

@media all and (min-width:980px){
  #featured-container-sidebar {display:block;}
  #featured-container-sidebar-mobile {display:none !important;}
}

@media all and (max-width:979px){
  #featured-container-sidebar {display:block !important;margin-bottom:7%;}
  #featured-container-sidebar-mobile {display:block;}
}

/*----MQ for layout of image and content in about author in the single post template---*/

@media all and (min-width:980px){
  .user-desc-inner img {
    padding: 0px 10px 10px 0px;
    float:left;
    width:150px;
    height:150px;
  }
}

@media all and (max-width:979px){

  .user-desc-inner img {
    padding: 0px 10px 10px 0px;
    width:150px;
    height:150px;
    margin-left:auto;
    margin-right:auto;
    display:block;
  }

}

/*-----MQ for hr between sidebar and main content-----*/

hr { margin-bottom: 40px; }

@media all and (max-width:979px){
    hr.sepfmb {display:block;}
}
@media all and (min-width:980px){
    hr.sepfmb {display:none;}
}





/*--- PATREON BAR ---*/

.alert .widgettitle { display: none !important; }
.alert ul, .alert li, #patreon-banner .alert, .alert p { padding: 0; margin: 0; }
#patreon-banner { background: #f9a11a; position: absolute; top: 0; left: 0; text-align: center; padding-left: 2%; padding-right: 2%; width: 96%; padding-top:2px; padding-bottom:0px; font-weight: bold; }
#patreon-banner a { color: #000; text-decoration: none; }
#patreon-banner a:hover { color: #fff; }
#container { margin-top: 20px; }