/*
Theme Name: CAD 2017
Author: CAD
Author URI: #
License: GNU General Public License
License URI: https://www.gnu.org/licenses/gpl.html
*/ 
@charset "UTF-8";

@font-face {
    font-family: 'lifeef-regularregular';
    src: url('inc/fonts/lifeef-regular-webfont.eot');
    src: url('inc/fonts/lifeef-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('inc/fonts/lifeef-regular-webfont.woff2') format('woff2'),
         url('inc/fonts/lifeef-regular-webfont.woff') format('woff'),
         url('inc/fonts/lifeef-regular-webfont.ttf') format('truetype'),
         url('inc/fonts/lifeef-regular-webfont.svg#lifeef-regularregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{font-size:100%;font:inherit;padding:0;border:0;margin:0;vertical-align:baseline}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}.clear{clear:both}

::-moz-selection { background: #000; color: #fff; }
::selection { background: #000; color: #fff; }

.clearfix:before, .clearfix:after {content: " ";display: table;}
.clearfix:after {clear: both; }

body {background: #fff;font-family:'lifeef-regularregular',times,serif;font-size:20px;line-height:30px;color:#000;}
html.freeze, body.freeze {position: fixed;}

p {margin:0;}
a {color:#000;text-decoration:none;border-bottom: 1px solid #000;}
a:hover {border:0;}
img {display:inline-block;border:none}
i, em {font-style: italic;}

.FrontHorizontalAd {margin:0 auto;padding-bottom:30px}
.ptimg {list-style:none;border:0}
.center {text-align:center}
.gallery-caption {display:none;font-size:8px;text-align:center;padding:8px}
.small {font-size:10px}
.hidden {display: none;}
.sociable {display: none;}


/* Header */
#header {position:relative;padding: 0 5% 3% 0;margin: 0 0 0 25px;z-index: 2000;}
#header h1 {font-size:45px;line-height:45px;margin: 0 0 10px 0; letter-spacing: 0.72px; font-weight: normal;right: -3px;}
#header h1 a, h1 a {color:#000;text-decoration:none;border: 0;}
#header h1 a.moon {display: inline-block;width: 72px; height: 36px; background-color: #eee; border-top-right-radius: 36px; border-top-left-radius: 36px;margin: 0 20px 0 0;}

.home .cad-posts header small {display: none;}

.navigation ul {padding: 0;margin: 0;}
.searchbox {width: 180px;font-family:'lifeef-regularregular',times,serif;font-size:20px;border:0;padding:0;border-bottom: 1px solid #000;outline: 0;}


/* Content */
.cad-content {position: relative;}
.FrontHorizontalAd{text-align:center}

.leftcol {float:left;text-align:left;box-sizing: border-box;padding: 16px 0;width:calc(100% - 340px);width:-webkit-calc(100% - 340px);background: #fff;}
.leftcol h1 {color:#000;font-size:45px;font-weight:100;line-height:45px;margin: 0px 0 40px 0;}
.leftcol h1 a {color:#000;text-decoration:none}
.leftcol h1 a:hover {border:none;}
.leftcol a {color:#000}
.leftcol article {padding: 0 5% 3% 25px;margin: 0 0 3% 0;}

.articles {-webkit-transition: opacity .5s ease-in-out; -moz-transition: opacity .5s ease-in-out; -o-transition: opacity .5s ease-in-out; transition: opacity .5s ease-in-out; }
.articles.loaded {opacity: 1;}

.listing .articles .block-img img {display:block;margin: 0 auto;}
.articles .block-img {display: block;}
.articles .block-img a, .articles .gallery a {display: block;border: 0;}
.articles .block-img p {margin: 0 0 2% 0;}
.articles .block-txt p {margin: 0 0 10px 0;}

.articles .block-vid {margin: 0 0 2% 0;}
.articles .block-vid iframe {width: 100%;display: block;}

.listing .articles .main-dida {position: absolute;left: 0;bottom: 10px;width: 49%;padding: 0 20px 0 0;box-sizing: border-box;}
.articles .main-dida {margin: 40px 0;}
.articles .block-img img {display:block;max-height: 100vh;max-width: 100%;width:auto;height:auto;}
.listing-post .articles .block-img img {cursor: pointer;}

.articles .main-txt {margin: 40px 0 0 0;}
.articles .main-txt p {margin: 15px 0;}
/*.articles .main-txt p:last-of-type {margin: 30px 0 10px 0;}*/
.articles .main-txt p.courtesy {margin-bottom: 10px;}

.articles .cols {position: relative;}
.articles .col-1 {float: left;width: 49%;}
.articles .col-2 {float: right;width: 49%;}
.articles .col-2 .block-img p {margin: 0 0 4% 0;}

.articles .post-tags, .articles .post-social {margin: 10px 0 0 0;font-size: 20px;line-height: 30px;}
.articles .post-social li, .articles .post-social ul {display: inline-block;}
.articles .post-social ul {margin: 0;padding: 0;}

.articles .text-only, .articles .donate {font-size: 30px;line-height: 40px;margin-bottom: 40px;}
.donate-button {text-align: center;}

article:after {content:'* * *';display:none;text-align: center;font-size: 50px;line-height:30px;margin: 40px 0 0 0;}

.loading {display:none;position: fixed;width: 100%;height: 100%;top: 0;left: 0;background: #fff;z-index: 1000;}


/* Gallery */
#gallery-1 .gallery-item, .gallery-item {display:inline-block;float: left;width: 15%;margin: 2% 0 0 2%;border:0;}
.gallery-item a {display: block;}
.gallery-item img {display: block;width: 100%;height: auto;transition: all .1s ease-in-out;-webkit-transition: all .1s ease-in-out;}
#gallery-1 .gallery-item:nth-of-type(6n+1), .gallery-item:nth-of-type(6n+1) {margin: 2% 0 0 0;}
.gallery br {display: none;}

.overlay {display: none;position: fixed;width: 100%;width: 100vw;height: 100%;height: 100vh;overflow: hidden;z-index: 10000;top:0;left: 0;}
.image-post .overlay {display: block;}
.overlay .target {float:left;width: calc(100% - 180px);min-height:100%;background: #fff;padding: 20px 0 0 0;box-sizing: border-box;}
.overlay-nav {position: fixed;top: 0;left: 15px;width: 45px;height: 100%;background: #fff;z-index: 100;padding-top: 20px;box-sizing: border-box;}
.overlay-nav .prev, .overlay-nav .next, .overlay-nav .close {display: block;width:20px;height:20px;margin: 0 5px 15px 5px;cursor: pointer;font-size: 25px; 
-webkit-user-select: none;  /* Chrome all / Safari all */
-moz-user-select: none;     /* Firefox all */
-ms-user-select: none;      /* IE 10+ */
user-select: none;          /* Likely future */    
}
.overlay-nav .close {font-size: 30px;}
.overlay-nav .dida {position: fixed;bottom: 25px;left:15px;display: none;font-size:25px;width:20px;height:20px;cursor: pointer;text-align: center;z-index: 1100;
-webkit-user-select: none;  /* Chrome all / Safari all */
-moz-user-select: none;     /* Firefox all */
-ms-user-select: none;      /* IE 10+ */
user-select: none;          /* Likely future */ 
}
.overlay-nav .prev.inactive, .overlay-nav .next.inactive {cursor: default;color:#ccc;}
.overlay-nav .dida-content {display:none;position: fixed;width: 100%;bottom: 0;left: 0;padding: 15px 330px 0px 150px;box-sizing:border-box;background: none;z-index: 1000;text-align: center;text-shadow: 0 0 5px #fff;}
.overlay-nav .dida-content.show {display: block;}

.overlay-nav svg, .overlay-nav img {width: 20px;height: 20px}
.overlay-ads { position:relative;z-index:100000;float: right; width: 180px; padding: 20px 20px 20px 0; text-align: center; box-sizing: border-box; margin-top: 0;margin-top: 50vh;transform: translateY(-50%);-webkit-transform: translateY(-50%);}
.overlay .target img {position: relative;z-index: 5;}
.overlay img.vert, .overlay img.hor {display:block;max-width: 85%;height: auto;max-height: calc(100vh - 40px);width: auto;margin: auto;margin-top: calc(50vh - 20px);transform: translateY(-50%);-webkit-transform: translateY(-50%);}
.overlay .sidebar-bg {width: 180px;}

/* Sidebar */
aside {position: relative;z-index: 3;}

.rightcol {float:right;width: 340px;padding: 80px 20px 20px;text-align:center;box-sizing: border-box;margin-top: 0;}
.rightcol ul {list-style-type:none;padding:10px 0 0 0;}
.rightcol h2 {height:30px;font-size:14px;color:#000;line-height:30px}
.rightcol a {color:#000;text-decoration:none;border: 0;}

.title2, .title2 span {display: block;font-size: 15px; line-height: 18px;}
.title2 {margin: 10px 0 0 0;}

.venue-listing li {list-style: none outside;margin:0;padding:0;}
.venue-listing li.hid {display: none;}
.venue-listing img {display: block;margin: 30px auto 10px auto;height:auto; width: 206px;}
.venue-listing strong {font-weight: normal;font-size: 15px; line-height: 18px;display: block;}
.venue-listing span {display: block;font-size: 15px; line-height: 18px;}
.venue-listing a {display: block;}
.venue-listing a:hover strong {border:none;}

.sidebar-bg {position: fixed;width: 340px;height: 100%;top: 0;right: 0;z-index: 2;background: #fff;}


.image-post .articles a {border: none;}
.image-post .articles .caption {font-size:20px;line-height:30px; margin: 20px 0;}
.image-post article:after {display: none;}
.image-post .image-nav div {display: inline-block;margin: 0 10px 0 0;}
.image-post .image-nav a {font-size: 40px;}


/* Footer */
.footer {text-align: left; padding: 0 0 0 25px;}

.spinner {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 70px;
	transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
	z-index: 3;
}
.overlay .spinner {display:none;left: calc(50% - 90px);}

.sticky-post {display: none;}
.sticky-post:first-of-type {display: block;}

.spinner > div {
  width: 10px;
  height: 10px;
  background-color: #000;
  border-radius: 100%;
  display: inline-block;
  margin: 0 3px;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0) }
  40% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bouncedelay {
  0%, 80%, 100% { 
    -webkit-transform: scale(0);
    transform: scale(0);
  } 40% { 
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
  }
}

#contactlink select, #catLink select, #archLink select, #searchlink form {
	display: none;
}
#contactlink select.show, #catLink select.show, #archLink select.show, #searchlink form.show {
	display: inline-block;
}

.cad-sponsor {
	padding-bottom: 20px;
}

@media only screen and (max-width: 680px) {
	body {font-size: 16px;line-height: 20px;overflow-x: hidden;}

	.navigation {display: none;position: fixed;width:100%;height:100%;overflow:auto;top:0;left:0;box-sizing:border-box;padding:0px;background: #fff;z-index:100;}
	.navigation.show {display: block;padding: 20px;}
	.navigation li {display: block; margin: 0 0 10px 0; font-size: 25px; line-height: 30px; }
	.navigation a {color:#000;text-decoration:none;border: 0;}
	.navigation .level-2 {display: none;padding: 10px 0 10px 20px;}
	.navigation .level-2 li {font-size: 20px;line-height: 20px;}
	.navigation .level-2.show {display: block;}
	.mobile-menu {position: fixed;color: #ffffff00;top:0px;right:0px;background: transparent;padding: 10px 0px 10px 15px;z-index:1000; text-shadow: 0 0 5px #fff;}
	.mobile-menu:after {content:'+';font-family: 'lifeef-regularregular';font-size: 25px;line-height: 25px;}


	.mobile-menu .menu {
	  position: absolute;
	  right: -100px;
	  top: -100px;
	  z-index: 100;
	  width: 200px;
	  height: 200px;
	  background: none;
	  border-radius: 50% 50% 50% 50%;
	  -webkit-transition: .5s ease-in-out;
	  transition: .5s ease-in-out;
	  box-shadow: 0 0 0 0 #FFF, 0 0 0 0 #FFF;
	  cursor: pointer;
	}

	.mobile-menu .hamburger {
	  position: absolute;
	  top: 135px;
	  left: 50px;
	  width: 30px;
	  height: 2px;
	  background: #000;
	  box-shadow: 1px 1px 5px 1px #fff;
	  display: block;
	  -webkit-transform-origin: center;
	  transform-origin: center;
	  -webkit-transition: .5s ease-in-out;
	  transition: .5s ease-in-out;
	}
	.mobile-menu .hamburger:after, .mobile-menu .hamburger:before {
  	  -webkit-transition: .5s ease-in-out;
  	  transition: .5s ease-in-out;
  	  content: "";
  	  position: absolute;
	  box-shadow: 1px 1px 5px 1px #fff;
  	  display: block;
  	  width: 100%;
  	  height: 100%;
  	  background: #000;
  	  box-sizing: border-box;
	}
	.mobile-menu .hamburger:before { top: -10px; }
	.mobile-menu .hamburger:after { bottom: -10px; }
	.mobile-menu input { display: none; }
	.mobile-menu input:checked + .menu {
		/* box-shadow: 0 0 0 100vw #FFF, 0 0 0 100vh #FFF; */
		/* border-radius: 0; */
	}
	.mobile-menu input:checked + .menu .hamburger {
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	/* .mobile-menu ul {
	  z-index: 200;
	  position: absolute;
	  top: 50%;
	  left: 50%;
	  -webkit-transform: translate(-50%, -50%);
	  transform: translate(-50%, -50%);
	  opacity: 0;
	  -webkit-transition: .25s 0s ease-in-out;
	  transition: .25s 0s ease-in-out;
	}
	.mobile-menu a {
	  margin-bottom: 1em;
	  display: block;
	  color: #000;
	  text-decoration: none;
	} */
        
	.mobile-menu input:checked + .menu .hamburger:after {
		-webkit-transform: rotate(90deg);
		transform: rotate(90deg);
		bottom: 0;
	}

	.mobile-menu input:checked + .menu .hamburger:before {
		-webkit-transform: rotate(90deg);
		transform: rotate(90deg);
		top: 0;
	}

	.mobile-menu input:checked + .menu + ul { opacity: 1; }

	.rightcol, .sidebar-bg {display: none;}
	.leftcol {float: none;width: 100%;padding: 20px 0;}

	#header {padding: 0 20px 20px 20px;margin: 0 0 20px 0;}
	#header h1 {font-size: 25px;line-height: 30px}
	#header h1 a {display: block;}
	#header h1 a.moon {display: inline-block;height: 20px;width:40px;}

	.leftcol h1 {font-size: 25px;line-height: 30px;margin-bottom: 20px;}
	.leftcol article {padding: 0 20px 20px 20px;margin: 0 0 20px 0;}
	.footer {padding: 0 0 0 20px;}

	article:after {font-size: 40px;margin: 20px 0 0 0;}

	.mobile-ads, .mobile-sponsor {padding: 0 20px 30px 20px;margin: 20px 0;background: #fff;}
	.mobile-sponsor .cad-sponsor {text-align: center;}
	.mobile-ads:before {content: 'Venue Sponsors';display: block;font-style: italic;}
	.mobile-ads li {float: left;width: 30%;height:200px;overflow:hidden;margin: 5% 0 0 5%;}
	.mobile-ads li:nth-of-type(3n+1){ margin: 5% 0 0 0; }
	.mobile-ads li img {display:block;max-width: 100%;max-height: 120px;margin: auto;}
	.mobile-ads li a {display:block;border: 0;text-align: center;font-size: 15px;line-height: 20px;}
	.mobile-ads li a strong {display: block;margin: 5px 0 0 0;}

	.articles .text-only, .articles .donate {font-size: 16px;line-height: 20px;margin-bottom: 20px;}
	.articles .post-tags, .articles .post-social {font-size: 16px;line-height: 20px;}
	.articles .main-dida {margin: 30px 0 10px 0;}
	.image-post .articles .text-only {font-size:16px;line-height:20px; }

	.single-post .articles .main-dida {margin: 20px 0;}
	.single-post .articles .block-img img.vert, .single-post .articles .block-img img.hor {width: 100%;height: auto;}

	.overlay .target {background: #fff;}

	.credits {display: block;}
	.credits {font-style: italic;}
	.credits a {font-style: normal;}
}

@media only screen and (min-width: 681px){
	
	/* .navigation li {display: inline-block;margin: 0 20px 0 0;}
	.navigation #searchlink {margin: 0;}
	.navigation a {color:#000;text-decoration:none;border: 0;cursor: pointer;}
	.navigation a:hover {border-bottom: 1px solid #000;}
	*/
	/* .mobile-menu {display: none;} */
	.navigation {display: none;position: fixed;width:100%;height:100%;overflow:auto;top:0;left:0;box-sizing:border-box;padding:0px;background: #fff;z-index:100;}
	.navigation.show {display: block;padding: 20px;}
	.navigation li {display: block; margin: 0 0 10px 0; font-size: 40px; line-height: 50px; }
	.navigation a {color:#000;text-decoration:none;border: 0;}
	.navigation .level-2 {display: none;padding: 10px 0 10px 20px;}
	.navigation .level-2 li {font-size: 20px;line-height: 20px;}
	.navigation .level-2.show {display: block;}
	 
	.mobile-menu {
		position: fixed;
		top:0px;
		color: #ffffff00;
		right:0px;
		background: transparent;
		padding: 0px;
		z-index:1000; 
		text-shadow: 0 0 5px #fff;
	}

	.mobile-menu:after {content:'+';font-family: 'lifeef-regularregular';font-size: 25px;line-height: 25px;}
	.mobile-menu .menu {
	  position: absolute;
	  right: -100px;
	  top: -100px;
	  z-index: 100;
	  width: 200px;
	  height: 200px;
	  background: none;
	  border-radius: 50% 50% 50% 50%;
	  -webkit-transition: .5s ease-in-out;
	  transition: .5s ease-in-out;
	  box-shadow: 0 0 0 0 #FFF, 0 0 0 0 #FFF;
	  cursor: pointer;
	}

	.mobile-menu .hamburger {
	  position: absolute;
	  top: 135px;
	  left: 50px;
	  width: 30px;
	  height: 2px;
	  background: #000;
	  box-shadow: 1px 1px 5px 1px #fff;
	  display: block;
	  -webkit-transform-origin: center;
	  transform-origin: center;
	  -webkit-transition: .5s ease-in-out;
	  transition: .5s ease-in-out;
	}
	.mobile-menu .hamburger:after, .mobile-menu .hamburger:before {
  	  -webkit-transition: .5s ease-in-out;
  	  transition: .5s ease-in-out;
  	  content: "";
  	  position: absolute;
	  box-shadow: 1px 1px 5px 1px #fff;
  	  display: block;
  	  width: 100%;
  	  height: 100%;
  	  background: #000;
  	  box-sizing: border-box;
	}
	.mobile-menu .hamburger:before { top: -10px; }
	.mobile-menu .hamburger:after { bottom: -10px; }
	.mobile-menu input { display: none; }
	.mobile-menu input:checked + .menu {
		/* box-shadow: 0 0 0 100vw #FFF, 0 0 0 100vh #FFF; */
		/* border-radius: 0; */
	}
	.mobile-menu input:checked + .menu .hamburger {
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	/* .mobile-menu ul {
	  z-index: 200;
	  position: absolute;
	  top: 50%;
	  left: 50%;
	  -webkit-transform: translate(-50%, -50%);
	  transform: translate(-50%, -50%);
	  opacity: 0;
	  -webkit-transition: .25s 0s ease-in-out;
	  transition: .25s 0s ease-in-out;
	}
	.mobile-menu a {
	  margin-bottom: 1em;
	  display: block;
	  color: #000;
	  text-decoration: none;
	} */
        
	.mobile-menu input:checked + .menu .hamburger:after {
		-webkit-transform: rotate(90deg);
		transform: rotate(90deg);
		bottom: 0;
	}

	.mobile-menu input:checked + .menu .hamburger:before {
		-webkit-transform: rotate(90deg);
		transform: rotate(90deg);
		top: 0;
	}

	.mobile-menu input:checked + .menu + ul { opacity: 1; }

	/* .navigation .level-1 {position: relative;}
	.navigation .level-2 {display: none;position: absolute;width:auto;white-space: nowrap;top: 30px;left:-30px;padding: 0 30px 20px 30px;background: #fff;}
	.navigation .level-2 li {display: block;margin: 0;}
	.navigation .level-1:hover .level-2 {display: block;}
	*/

	.credits {display: block;}
	.credits {font-style: italic;}
	.credits a {font-style: normal;}
}

@media only screen and (min-width: 681px) and (max-width: 900px) {
	body {font-size: 18px;line-height: 24px;overflow-x: hidden;}
	.rightcol, .sidebar-bg {display: none;}
	.leftcol {float: none;width: 100%;padding:30px 0;}

	#header {padding: 0 20px 20px 20px;margin: 0 0 20px 0;}
	#header h1 {font-size: 45px;line-height: 45px}
	.leftcol h1 {font-size: 30px;line-height: 40px;margin-bottom: 20px;}
	.leftcol article {padding: 0 20px 20px 20px;margin: 0 0 20px 0;}
	.footer {padding: 0 0 0 20px;}

	article:after {font-size: 40px;margin: 20px 0 0 0;}

	.mobile-ads, .mobile-sponsor {padding: 0 20px 30px 20px;margin: 20px 0;background: #fff;}
	.mobile-sponsor .cad-sponsor {text-align: center;}
	.mobile-ads li {float: left;width: 30%;height:200px;overflow:hidden;margin: 5% 0 0 5%;}
	.mobile-ads li:nth-of-type(3n+1){ margin: 5% 0 0 0; }
	.mobile-ads li img {display:block;max-width: 100%;max-height: 120px;margin: auto;}
	.mobile-ads li a {display:block;border: 0;text-align: center;font-size: 15px;line-height: 20px;}
	.mobile-ads li a strong {display: block;margin: 5px 0 0 0;}

	.articles .text-only, .articles .donate {font-size: 18px;line-height: 24px;margin-bottom: 20px;}
	.articles .main-dida {margin: 30px 0 10px 0;}
	.image-post .articles .text-only {font-size:18px;line-height:24px; }

	.single-post .articles .main-dida {margin: 40px 0;}
	.overlay .target {background: #fff;}
}

@media only screen and (min-width: 901px){
	.mobile-ads, .mobile-sponsor {display: none;}
}

@media only screen and (min-width: 901px) and (max-width: 1200px) {
	.leftcol {width:calc(100% - 300px);width:-webkit-calc(100% - 300px);}
	#header h1 {font-size:45px;line-height:45px;}
	.rightcol, .sidebar-bg {width: 300px;}
	.searchbox {width: 90px;}
	.cad-sponsor {margin-left: -20px;}
}

@media only screen and (max-width: 1023px){
	.overlay .target {width: 100%;}
	.overlay-nav {top: 0;left: 0;width: 100%;height: 55px;padding: 15px 0 0 15px;}
	.overlay-nav .prev, .overlay-nav .next, .overlay-nav .close {display: inline-block;margin: 0 10px;}
	.overlay-nav .dida {display: none;bottom: auto;left:auto;top: 15px;right:15px;}
	.overlay-nav .dida-content {width: 100%;padding: 5px;}
	.overlay-ads { display: none;}
	.overlay .sidebar-bg {display: none;}
	.overlay .spinner {left: 50%;}

	.listing-post .articles .block-img, .listing-post .articles .block-vid {display: none;}
	.listing-post .articles .block-img.main-img, .listing-post .articles .block-vid.main-img {display: block;}
}