/*
Theme Name: ColorMag
Theme URI: https://themegrill.com/themes/colormag/
Author: ThemeGrill
Author URI: https://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/
Version: 1.1.8
License: GNU General Public License, version 3 (GPLv3)
License URI: http://www.gnu.org/licenses/gpl-3.0.txt
Tags: one-column, two-columns, right-sidebar, left-sidebar, flexible-header, custom-header, custom-background, custom-menu, custom-colors, sticky-post, threaded-comments, translation-ready, featured-images, theme-options, post-formats, footer-widgets, blog, e-commerce, news, rtl-language-support
Text Domain: colormag

Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
and Blueprint http://www.blueprintcss.org/
*/

/* =Reset
-------------------------------------------------------------- */

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, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	/*font: inherit;*/
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
html {
	overflow-y: scroll; /* Keeps page centred in all browsers regardless of content height */
	-webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
	-ms-text-size-adjust: 100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,

----------------------------------------------- */
body,
button,
input,
select,
textarea {
	color: #444444;
	font: 16px 'Open Sans', serif;
	line-height: 1.6;
	word-wrap: break-word;
}
body {
	background-color: #fff6e7; /*#eaeaea;*/
}
/* Headings */
h1, h2, h3, h4, h5, h6 {
	padding-bottom: 0px;/*18px*/
	color: rgba(142, 55, 8, 0.87);/*#333333;*/
	font-weight: normal;
	font-family: 'Open Sans', sans-serif;
}
h1 { font-size: 42px; line-height: 1.2; }
h2 { font-size: 38px; line-height: 1.2; }
h3 { font-size: 34px; line-height: 1.2; }
h4 { font-size: 30px; line-height: 1.2; }
h5 { font-size: 26px; line-height: 1.2; }
h6 {   
	font-size: 15px;
    /* line-height: 1.2; */
    padding: 0px 0px 0px 0px;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.92); /*#bb5804;*/
	}
hr {
	border-color: #EAEAEA;
	border-style: solid none none;
	border-width: 1px 0 0;
	height: 0;
	margin: 30px 0;
}

/* =TEXT ELEMENTS
----------------------------------------------- */
p {
	line-height: 1.6;
	margin-bottom: 3px;
	font-family: 'Open Sans', serif;
	font-size: 15px;
}
strong {
	font-weight: bold;
}
cite, em, i {
	font-style: italic;
}
pre {
	background-color: #fff;
	margin-bottom: 20px;
	overflow: auto;
	padding: 20px;
	border: 1px solid #EAEAEA;
}
pre, code, kbd, var, samp, tt {
	font-family:"Courier 10 Pitch",Courier,monospace;
	font-size: 14px;
	line-height: 1.4;
	white-space: pre-wrap;
}
abbr, acronym, dfn {
	border-bottom: 1px dotted #777777;
	cursor: help;
}
address {
	display: block;
	font-style: italic;
	margin: 0 0 15px;
}
ins {
	background: #F8F8F8;
}

/* =SUPERCRIPT AND SUBSCRIPT
----------------------------------------------- */
sup, sub {
	font-size: 10px;
	height: 0;
	line-height: 1;
	position: relative;
	vertical-align: baseline;
}
sup {
	bottom: 1ex;
}
sub {
	top: .5ex;
}
dl {
	margin-bottom: 24px;
	font-size: 20px;
}
dt {
	font-weight: bold;
	margin-bottom: 5px;
}
dd {
	margin-bottom: 24px;
}
ul,
ol {
	list-style: none;
}
ol {
	list-style: decimal;
}
li > ul,
li > ol {
	margin: 0 0 0 10px;
}




/*****************************************************************/

/* =BODY
----------------------------------------------- */
body {
	padding-top: 2px; /*10px;*/
	padding-bottom: 10px;
	background-size: cover;
}
#page {
	/*max-width: 1200px;*/
	margin: 0; /*auto;*/
}
.wide {
	padding-top: 0;
	padding-bottom: 0;
}
.wide #page {
	max-width: 100%;
}
.inner-wrap {
	margin: 0 auto;
	max-width: 1140px;
}



/* =NAVIGATION
----------------------------------------------- */
nav li > ul,
nav li > ol {
	margin: 0;
	list-style: none;
}
#site-navigation {
   /*box-shadow: 0 0 2px rgba(0, 0, 0, 0.1) inset;*/
   position: relative;
   background: rgba(29, 93, 29, 0.83); /*rgba(49, 34, 22, 0.82);*/
   /*background-color: #312216; /*#d46b0d; /*#18344a; /*#232323;*/
   /*border-top: 4px solid #fcfcfc; /*fefd6d; /*#289dcc;*/
}
#site-navigation .inner-wrap {
   position: relative;
}
.home-icon {
   float: left;
}
.home-icon .fa {
   color: #ffffff;
   font-size: 27px;
}
.home-icon.front_page_on {
   background-color: /*#271201; /*#18344a; /*#232323;*/
}
.main-navigation .home-icon a {
   padding: 7px 10px 6px;
}
.main-small-navigation .home-icon a {
   padding: 7px 10px;
}
.main-navigation {
	width: 100%;
	text-align: center;
}
.main-navigation li {
	float: left;
	position: relative;
	/*font-family: 'Open Sans', serif;*/
	font-weight: 300;
}
.main-navigation a {
   color: #ffffff;
	display: block;
	float: none;
	font-size: 14px;
   font-weight: 600;
	padding: 10px 12px;
   text-transform: uppercase;
}
.main-navigation li.default-menu,
li.default-menu {
	display: none;
}
.main-navigation a:hover,
.main-navigation ul li.current-menu-item a,
.main-navigation ul li.current_page_ancestor a,
.main-navigation ul li.current-menu-ancestor a,
.main-navigation ul li.current_page_item a,
.main-navigation ul li:hover > a {
}
.main-navigation a:hover,
.main-navigation ul li.current-menu-item a,
.main-navigation ul li.current-menu-item a:after,
.main-navigation ul li.current_page_ancestor a,
.main-navigation ul li.current-menu-ancestor a,
.main-navigation ul li.current_page_item a,
.main-navigation ul li:hover > a,
.main-navigation li.menu-item-has-children:hover > a:after {
	color: #ffffff;
}
.main-navigation a:hover,
.main-navigation ul li.current-menu-item > a,
.main-navigation ul li.current_page_ancestor > a,
.main-navigation ul li.current-menu-ancestor > a,
.main-navigation ul li.current_page_item > a,
.main-navigation ul li:hover > a {
   /*background-color: #d46b0d; /*#312216; /*#7b7a20; /* #289dcc;*/
   background: rgba(243, 131, 31, 0.81);/*rgba(243, 131, 31, 0.65); /*rgba(233, 105, 4, 0.56); /*rgba(255, 118, 9, 0.66);*/
}
.main-navigation li.menu-item-has-children > a:after,
.main-navigation li li.menu-item-has-children > a:after,
.main-navigation li.page_item_has_children > a:after,
.main-navigation li li.page_item_has_children > a:after {
   font-family: FontAwesome;
   font-style: normal;
   font-weight: normal;
   text-decoration: inherit;
   color: #ffffff;
   font-size: 14px;
   padding-left: 6px;
}
.main-navigation li.menu-item-has-children > a:after,
.main-navigation li.page_item_has_children > a:after {
 /*  content:  "\f107";*/
   color: #ffffff;
}
.main-navigation li li.menu-item-has-children > a:after,
.main-navigation li li.page_item_has_children > a:after {
   content: "\f105";
   position: absolute;
   right: 8px;
}
.sub-toggle{
	display: none;
}
/* =DROP DOWN
----------------------------------------------- */
.main-navigation .sub-menu,
.main-navigation .children {
   /*background-color: #d46b0d; /*#87850b; /* #232323;*/
    background: rgba(44, 126, 38, 0.84);/*rgba(217, 172, 135, 0.86);/*rgba(243, 131, 31, 0.65); /*rgba(243, 131, 31, 0.65); /*rgba(217, 172, 135, 0.82); /*rgba(220, 98, 2, 0.83);*/
}
.main-navigation ul li ul,
.main-navigation ul li:hover ul ul,
.main-navigation ul ul li:hover ul ul,
.main-navigation ul ul ul li:hover ul ul,
.main-navigation ul ul ul ul li:hover ul ul {
	display:none;
	z-index: 100;
}
.main-navigation ul li:hover ul,
.main-navigation ul ul li:hover ul,
.main-navigation ul ul ul li:hover ul,
.main-navigation ul ul ul ul li:hover ul,
.main-navigation ul ul ul ul ul li:hover ul {
	display:block;
}
.main-navigation ul li ul {
	position: absolute;
	width: 250px;
	/*top: 42px;*/
}
.main-navigation ul li ul li {
	float: none;
}
.main-navigation ul li ul li a {
   border-top: none;
}
.main-navigation ul li ul li a,
.main-navigation ul li.current-menu-item ul li a,
.main-navigation ul li ul li.current-menu-item a,
.main-navigation ul li.current_page_ancestor ul li a,
.main-navigation ul li.current-menu-ancestor ul li a,
.main-navigation ul li.current_page_item ul li a {
	float: none;
	font-size: 14px;
	height: 100%;
	/*padding: 10px 15px;*/
	color: #ffffff;
	/*width: 170px; */
   text-align: left;
   text-transform: none;
}
.main-navigation ul li ul li a:hover,
.main-navigation ul li ul li:hover > a,
.main-navigation ul li.current-menu-item ul li a:hover {
   color: #FFFFFF;
   /*background-color: rgba(217, 172, 135, 0.89);/*rgba(76, 35, 1, 0.51); /*#312216; /*#289dcc;*/
}
.main-navigation ul li ul li ul {
	left: 200px;
	top: 0;
}
.main-navigation select {
	display: none;
}

/* =RESPONSIVE MENU
----------------------------------------------- */
.menu-toggle, .top-menu-toggle {
	display: none;
	cursor: pointer;
}
.site-header .menu-toggle {
	color: #ffffff;
	margin: 0;
	text-align: center;
	font-family: 'Open Sans', serif;
   padding-bottom: 0;
}
.site-header .menu-toggle:hover {
   background-color: #289dcc;
}
.site-header .menu-toggle:before {
	/*content: "\f0c9";*/
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	text-decoration: inherit;
	font-size: 23px;
	color: #ffffff;
   padding: 8px 12px;
   display: block;
}
.main-small-navigation {
	float: none;
}
.main-small-navigation .menu-primary-container,
.main-small-navigation .nav-menu {
   padding-top: 43px;
}
.main-small-navigation ul {
  margin: 0;
  list-style: none;
}
.main-small-navigation a {
  display: block;
  font-size: 14px;
  color: #333333;
  padding: 10px 20px;
  text-decoration: none;
  text-transform: uppercase;
}
.main-small-navigation .random-post a {
   padding: 7px 12px;
   border-bottom: none;
}
.main-small-navigation li {
  background-color: rgba(243, 132, 32, 0.72);/*1#FFFFFF;*/
}
.main-small-navigation li a:hover {
  background-color: #289dcc;
  color: #FFFFFF;
}
.main-small-navigation ul ul a {
  padding-left: 45px;
  text-transform: none;
}
.main-small-navigation ul ul ul a {
  padding-left: 90px;
}
.main-small-navigation .current_page_item > a,
.main-small-navigation .current-menu-item > a {
  background: #289dcc;
  color: #FFFFFF;
}

/* =PAGE HEADER TITLE
----------------------------------------------- */
.page-header .page-title {
	border-bottom: 1px solid #f8f8f8;
	margin-bottom: 30px;
}




/*--------------------------------------------------------------
Responsive Structure
--------------------------------------------------------------*/
@media screen and (max-width: 1190px) {
   #page {
      width: 97%;
   }
   .wide #page {
      width: 100%;
   }
   .inner-wrap {
      width: 94%;
   }
}
@media screen and (max-width:768px) {
   #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:767px) {

}
@media screen and (max-width: 600px) {
   .news-bar {
      text-align: center;
   }
   .date-in-header,
   .breaking-news,
   #masthead .social-links {
      float: none;
      max-width: 100%;
   }
   .newsticker li {
      text-align: left;
   }
   .archive #content .post:first-child,
   .archive #content .post:nth-child(2n),
   .archive #content .post:nth-child(2n+1) {
      float: none;
      width: 100%;
   }
   .blog .post:first-child,
   .blog .post:nth-child(2n),
   .blog .post:nth-child(2n+1) {
      float: none;
      width: 100%;
   }
   .search .post:first-child,
   .search .post:nth-child(2n),
   .search .post:nth-child(2n+1) {
      float: none;
      width: 100%;
   }
   .tg-footer-main-widget {
      float: none;
      margin-right: 0;
      width: 100%;
   }
   .tg-footer-other-widgets {
      float: none;
      width: 100%;
   }
   .footer-socket-right-section,
   .footer-socket-left-section {
      float: none;
      text-align: center;
   }
   .footer-socket-wrapper .copyright {
      float: none;
      max-width: 100%;
      text-align: center;
   }
   .footer-socket-area .social-links {
      float: none;
   }
   .gallery-columns-4 .gallery-item,
   .gallery-columns-5 .gallery-item,
   .gallery-columns-6 .gallery-item,
   .gallery-columns-7 .gallery-item,
   .gallery-columns-8 .gallery-item,
   .gallery-columns-9 .gallery-item {
      width:25%;
   }
}
@media screen and (max-width: 420px) {
   .widget_featured_posts .first-post,
   .widget_featured_posts .following-post {
      float: none;
      width: 100%;
   }
   .main-content-section .tg-one-half {
      width: 100%;
   }
   .tg-second-footer-widget,
   .tg-third-footer-widget,
   .tg-fourth-footer-widget {
      float: none;
      margin-right: 0;
      width: 100%;
   }
   .single-related-posts {
      margin-right: 0;
      width: 100%;
   }
   .gallery-columns-4 .gallery-item,
   .gallery-columns-5 .gallery-item,
   .gallery-columns-6 .gallery-item,
   .gallery-columns-7 .gallery-item,
   .gallery-columns-8 .gallery-item,
   .gallery-columns-9 .gallery-item {
      width:33.33%;
   }
}
@media screen and (max-width: 380px) {
   .widget_highlighted_posts .single-article {
      float: none;
      margin-right: 0;
      max-width: 100%;
   }
}

/* search result tile hide */
.search h1.page-title {
   display: none;
}

/*--------------------------------------------------------------
16.0 heaader media css
--------------------------------------------------------------*/

div.wp-custom-header {
    position: relative;
}

iframe#wp-custom-header-video {
    width: 100%;
}
.wp-custom-header-video-button {
	opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 62px;
    height: 50px;
    font: 0px/0 a;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

div#wp-custom-header:hover .wp-custom-header-video-button {
    visibility: visible;
	opacity: 1;
}

.wp-custom-header-video-button:before {
    content: '\f04b';
    display: block;
    font-family: FontAwesome;
    font-size: 20px;
}

.wp-custom-header-video-button.wp-custom-header-video-pause:before{
	content: '\f04c';
}