/*
Theme Name: ColorMag Child
Theme URI: http://themegrill.com/themes/colormag/
Template: colormag
Author: ThemeGrill
Author URI: http://themegrill.com
Description: ColorMag is a perfect responsive magazine style WordPress theme. Suitable for news, newspaper, magazine, publishing, business and any kind of sites. Get free support at http://themegrill.com/support-forum/ and check the demo at http://demo.themegrill.com/colormag/
Tags: light,white,two-columns,right-sidebar,left-sidebar,fluid-layout,responsive-layout,custom-header,custom-background,custom-menu,custom-colors,sticky-post,threaded-comments,translation-ready,featured-images,theme-options,post-formats
Version: 1.0.8.1495900554
Updated: 2017-05-27 17:55:54

*/


/* Flags right sidebar */

img.flagsidebar {width: 25px; height: 20px; }

/* content links / right sidebar links */

.linkscontent {text-align: right; font-size: 18px; font-weight: bold; color: #2689b2; padding: 0;}
.linkssidebar {text-align: right; font-size: 16px; font-weight: bold; color: #2689b2; margin-top: -30px; margin-bottom: 0px;}
.linkssidebargames {text-align: right; font-size: 16px; font-weight: bold; color: #2689b2; margin-top: -10px; margin-bottom: 0px; padding: 0;}

/* logo banner zentrieren bei kleinerem fenster */ 
@media screen and (max-width:1170px) {
   #header-text-nav-wrap {
      padding: 10px 0;
   }
   #header-left-section {
      float: none;
      margin-bottom: 10px;
   }
   #header-logo-image {
      float: none;
      text-align: center;
      padding-right: 0;
   }
   #header-text {
      float: none;
      text-align: center;
      padding-right: 0;
   }
   #header-right-section {
      float: none;
   }

}

@media screen and (max-width:820px) {
   #header-text-nav-wrap {
      padding: 10px 0;
   }
   #header-left-section {
      float: none;
      margin-bottom: 10px;
   }
   #header-logo-image {
      float: none;
      text-align: center;
      padding-right: 0;
   }
   #header-text {
      float: none;
      text-align: center;
      padding-right: 0;
   }
   #header-right-section {
      float: none;
   }
   #header-right-section .widget {
      text-align:center;
   }
   .menu-toggle {
      display: block;
      float: left;
   }
   .main-navigation ul {
      display: none;
   }
   .main-navigation .home-icon a {
      padding: 7px 10px;
   }
   .widget_slider_area,
   .widget_beside_slider {
      float: none;
      width: 100%;
   }
   .widget_slider_area {
      padding-bottom: 10px;
   }
   #primary, #secondary {
      float: none;
      width: 100%;
   }
   .better-responsive-menu .sub-menu {
	  display: none;
	}
   .main-small-navigation li{
      position: relative;
   }
   .sub-toggle {
	  position: absolute;
	  right: 20px;
	  cursor: pointer;
	  display: block;
	  top: 6px;
	  color: #fff;
	  padding: 0 7px;
	  background-color: #1b7aa0;
	}
}


@media screen and (max-width:980px) {
	img.psvitabox, img.switchbox {width: 134px; height: 171px;}
img.dsbox {width: 134px; height: 171px;}
	}

@media screen and (max-width:930px) {
#content .post .article-content .entry-title {font-size: 30px;}
#content .type-page .entry-title {font-size: 30px;}
#content h5 {font-size: 28px;}
#primary #content .entry-content p {font-size: 18px;}
#primary #content .entry-content li {font-size: 18px;line-height: 1.7;}
#content .tablepress tbody td {font-size: 17px;}
#content .tablepress tbody td strong {font-size: 17px;}
#content table.tablepress h2 {font-size: 26px;}
img.psvitabox, img.switchbox {width: 128px; height: 162px;}
img.orderbutton {width: 113px; height: 28px;}
img.dsbox {width: 128px; height: 162px;}
}

@media screen and (max-width:880px) {

img.psvitabox, img.switchbox {width: 118px; height: 150px;}
img.dsbox {width: 118px; height: 150px;}
#content .tablepress tbody td {font-size: 17px;}
#content .tablepress tbody td strong {font-size: 17px;}
#content table.tablepress h2 {font-size: 25px;}
}

@media screen and (max-width:768px) {

#content .post .article-content .entry-title {font-size: 30px;}
#content .type-page .entry-titlee {font-size: 30px;}
#content h5  {font-size: 28px;}
#primary #content .entry-content p {font-size: 18px;}
#primary #content .entry-content li {font-size: 18px;line-height: 1.7;}
#content .tablepress tbody td {font-size: 17px;}
#content .tablepress tbody td strong {font-size: 17px;}
#content table.tablepress h2 {font-size: 26px;}
img.orderbutton {width: 133px; height: 28px;}
img.psvitabox, img.switchbox {width: 128px; height: 162px;}
img.dsbox {width: 128px; height: 162px;}
}

@media screen and (max-width:767px) {

#content .post .article-content .entry-title {font-size: 28px;}
#content .type-page .entry-title {font-size: 28px;}
#content h5  {font-size: 27px;}
#primary #content .entry-content p {font-size: 18px;}
#primary #content .entry-content li {font-size: 18px;line-height: 1.7;}
#content .tablepress tbody td {font-size: 16px;}
#content .tablepress tbody td strong {font-size: 16px;}
#content table.tablepress h2 {font-size: 25px;}
img.orderbutton {width: 113px; height: 28px;}
img.flagcontent {width: 26px; height: 20px; }
img.psvitabox, img.switchbox {width: 128px; height: 162px;}
img.dsbox {width: 128px; height: 162px;}
.previous a, .next a {font-size: 18px;}
.related_post_title {font-size: 23px;}
ul.related_post li {font-size: 18px;}
}

@media screen and (max-width: 600px) {

#content .post .article-content .entry-title {font-size: 27px;}
#content .type-page .entry-title {font-size: 27px;}
#content h5  {font-size: 26px;}
#primary #content .entry-content p {font-size: 17px;}
#primary #content .entry-content li {font-size: 17px;line-height: 1.7;}
#content .tablepress tbody td {font-size: 12px;}
#content .tablepress tbody td strong {font-size: 12px;}
#content table.tablepress h2 {font-size: 24px;}
img.orderbutton {width: 81px; height: 20px;}
img.flagcontent {width: 22px; height: 17px; }
img.psvitabox, img.switchbox {width: 92px; height: 117px;}
img.dsbox {width: 92px; height: 117px;}

.linkscontent {font-size: 17px;}
.previous a, .next a {font-size: 17px;}
.related_post_title {font-size: 22px;}
ul.related_post li {font-size: 17px;}
div.widget_highlighted_post_area div.article-content h3.entry-title a {font-size: 15px;}
}

@media screen and (max-width: 470px) {
img.psvitabox, img.switchbox {width: 84px; height: 106px;}
img.dsbox {width: 84px; height: 106px;}
	}
	
@media screen and (max-width: 440px) {
img.psvitabox, img.switchbox {width: 80px; height: 101px;}
img.dsbox {width: 80px; height: 101px;}
	}

@media screen and (max-width: 420px) {

#content .post .article-content .entry-title {font-size: 26px;}
#content .type-page .entry-title {font-size: 26px;}
#content h5  {font-size: 25px;}
#primary #content .entry-content p {font-size: 17px;}
#primary #content .entry-content li {font-size: 17px; line-height: 1.7;}
#content .tablepress tbody td {font-size: 12px;}
#content .tablepress tbody td strong {font-size: 12px;}
#content table.tablepress h2 {font-size: 23px;}
img.orderbutton {width: 67px; height: 17px;}
img.flagcontent {width: 22px; height: 17px; }
img.psvitabox, img.switchbox {width: 76px; height: 96px;}
img.dsbox {width: 76px; height: 96px;}
.linkscontent {font-size: 16px;}
.previous a, .next a {font-size: 17px;}
.related_post_title {font-size: 20px;}
 #primary #content .entry-content ul.related_post li {font-size: 17px;}
div.widget_highlighted_post_area div.article-content h3.entry-title a {font-size: 13px;}
}

@media screen and (max-width: 400px) {
img.psvitabox, img.switchbox {width: 70px; height: 89px;}
img.dsbox {width: 89px; height: 89px;}
	}

@media screen and (max-width: 380px) {

#content .post .article-content .entry-title {font-size: 25px;}
#content .type-page .entry-title {font-size: 25px;}
#content h5  {font-size: 22px;}
#primary #content .entry-content p {font-size: 16px;}
#primary #content .entry-content li {font-size: 16px; line-height: 1.7;}
#content .tablepress tbody td {font-size: 11px;}
#content .tablepress tbody td strong {font-size: 11px; letter-spacing: -1px;}
#content table.tablepress h2 {font-size: 22px;}
img.orderbutton {width: 64px; height: 16px;}
img.flagcontent {width: 18px; height: 14px; }
img.psvitabox, img.switchbox {width: 64px; height: 81px;}
img.dsbox {width: 64px; height: 81px;}
.linkscontent {font-size: 16px;}
.previous a, .next a {font-size: 17px;}
.related_post_title {font-size: 18px;}
 #primary #content .entry-content ul.related_post li {font-size: 17px;}
div.widget_highlighted_post_area div.article-content h3.entry-title a {font-size: 16px;}
}

@media screen and (max-width: 360px) {
#content .tablepress tbody td {font-size: 10px;}
#content .tablepress tbody td strong {font-size: 10px;}
#content table.tablepress h2 {font-size: 20px;}
img.orderbutton {width: 60px; height: 15px;}
img.flagcontent {width: 18px; height: 14px; }
img.psvitabox, img.switchbox {width: 60px; height: 76px;}
img.dsbox {width: 60px; height: 76px;}
}