/*
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 https://themegrill.com/support-forum/ and check the demo at https://demo.themegrill.com/colormag/
Version: 1.4.4
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/
*/
/*==========  Gray colors  ==========*/
/*=====  Light colors  ======*/
/*==========  Brand-colors  ==========*/
/*==========  social links colors  ==========*/
/* =Reset
-------------------------------------------------------------- */
@import url('https://fonts.googleapis.com/css?family=Bebas+Neue&display=swap');
@import url('https://fonts.googleapis.com/css?family=Titillium+Web&display=swap');


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/ */
}

* {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
	display: block;
}

ol, ul {
	list-style: none;
}

table {
	/* tables still need 'cellspacing="0"' in the markup */
	border-collapse: collapse;
	border-spacing: 0;
	margin: 0 0 1.5em;
	width: 100%;
}

th {
	font-weight: bold;
}

th, td {
	border: 1px solid #eaeaea;
	padding: 6px 10px;
}

caption, th, td {
	text-align: left;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}

a:focus {
	outline: thin dotted;
}

a:hover,
a:active {
	/* Improves readability when focused and also mouse hovered in all browsers people.opera.com/patrickl/experiments/keyboard/test */
	outline: 0;
}

a img {
	border: 0;
}

embed, iframe, object {
	max-width: 100%;
}

/* =GLOBAL
----------------------------------------------- */
body,
button,
input,
select,
textarea {
	color: #444444;
	font: 16px 'Open Sans', serif;
	line-height: 1.6;
	word-wrap: break-word;
}

body {
	background-color: #eaeaea;
}

/* Headings */
h1, h2, h3, h4, h5, h6 {
	padding-bottom: 18px;
	color: #333333;
	font-weight: normal;
	font-family: 'Titillium Web', sans-serif;
	
}

h1 {
	font-size: 42px;
	line-height: 1.2;
}

h2 {
	font-size: 38px;
	line-height: 1.2;
}

h3 {
	font-size: 30px;
	line-height: 1.2;
}

h4 {
	font-size: 26px;
	line-height: 1.2;
}

h5 {
	font-size: 24px;
	line-height: 1.2;
}

h6 {
	font-size: 22px;
	line-height: 1.2;
}

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: 15px;
	font-family: 'Titillium Web', sans-serif;
	font-size: 15px;
}

strong {
	font-weight: bold;
}

cite, em, i {
	font-style: italic;
}

pre {
	background-color: #ffffff;
	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;
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

/* =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;
}

/* =BLOCKQUOTE
----------------------------------------------- */
blockquote {
	padding: 30px 30px 20px 45px;
	margin-bottom: 20px;
	background-color: #289dcc;
	color: #ffffff;
	border-radius: 5px;
}

blockquote p {
	font-size: 20px;
	font-family: 'Titillium Web', sans-serif;
	line-height: 1.4;
	position: relative;
	padding-top: 13px;
	padding-left: 40px;
}

blockquote p:before {
	content: "\f10d";
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	text-decoration: inherit;
	color: #ffffff;
	font-size: 60px;
	position: absolute;
	top: -27px;
	left: -27px;
}

blockquote em, blockquote i, blockquote cite {
	font-style: normal;
}

blockquote cite {
	font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 300;
	letter-spacing: 0.05em;
	float: right;
}

blockquote a {
	color: #ffffff;
	text-decoration: underline;
}

/* =FORMS
----------------------------------------------- */
input, textarea {
	-webkit-border-radius: 0px;
}

input[type="text"],
input[type="email"],
input[type="search"],
input[type="password"],
input[type="url"],
textarea {
	-moz-appearance: none !important;
	-webkit-appearance: none !important;
	appearance: none !important;
}

input[type="text"],
input[type="email"],
input[type="password"],
input[type="url"],
textarea {
	padding: 1%;
	border: 1px solid #eaeaea;
	line-height: 20px;
	width: 95%;
	margin: 0 0 30px;
	background-color: #f8f8f8;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="search"]:focus,
input[type="password"]:focus,
input[type="url"]:focus,
textarea:focus {
	border: 1px solid #eaeaea;
}

input.s {
	width: 85%;
	padding: 4px 54px 4px 10px;
	height: 46px;
	color: #777777;
	background-color: #ffffff;
	margin: 0;
	border: 1px solid #eaeaea;
}

input.s:focus {
	padding-left: 10px;
	border-color: #eaeaea;
	text-indent: 0;
}

.colormag-button,
input[type="reset"],
input[type="button"],
input[type="submit"],
button {
	margin-bottom: 30px;
	padding: 10px 20px;
	background-color: #289dcc;
	border: 0px;
	transition: background-color 0.3s linear 0s;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-size: 18px;
	-moz-appearance: none !important;
	-webkit-appearance: none !important;
	appearance: none !important;
	cursor: pointer;
	display: inline-block;
	color: #ffffff;
}

#search-form input[type="submit"] {
	border-radius: 0;
	margin-left: -8px;
	margin-bottom: 0;
	padding: 6px 10px 5px;
	font-size: 18px;
}

.colormag-button:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
input[type="submit"]:hover,
button:hover {
	background-color: #33363b;
}

.previous a,
.next a {
	padding: 5px 0;
	cursor: pointer;
	font-size: 18px;
}

.previous a:hover,
.next a:hover {
	color: #289dcc;
	text-decoration: underline;
}

input[type="reset"]:active,
input[type="button"]:active,
input[type="submit"]:active {
	-webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3);
	box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3);
}

/* =LINKS
----------------------------------------------- */
a {
	color: #289dcc;
	text-decoration: none;
}

a:focus, a:active, a:hover {
	text-decoration: none;
}


div#main a {
	color: #289dcc;
	text-decoration: underline;
}

div#main a:focus, div#main a:active, div#main a:hover {
	text-decoration: underline;
}


/* =IMAGES
----------------------------------------------- */
figure {
	margin: 0;
	text-align: center;
}

img {
	max-width: 100%;
	height: auto;
	vertical-align: top;
	margin-bottom: 18px;
}

.entry-content img, .comment-content img, .widget img {
	max-width: 100%;
	/* Fluid images for posts, comments, and widgets */
}

img.size-full, img.size-large {
	max-width: 100%;
	height: auto;
}

.entry-content img.wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

img.alignleft, img.alignright, img.aligncenter {
	margin-bottom: 1.625em;
}

img#wpstats {
	display: none;
}

/* =CLEARFIX
----------------------------------------------- */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}

/* =ALIGNMENT
----------------------------------------------- */
.alignleft {
	display: inline;
	float: left;
	margin-right: 30px;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 30px;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*****************************************************************/
/* =BODY
----------------------------------------------- */
body {
	padding-top: 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;*/
	width:100%;
	
}

/* =HEADER
----------------------------------------------- */
#header-meta {
	background-color: #ffffff;
}

#header-text-nav-container {
	background-color: #ffffff;
}

#header-text-nav-wrap {
padding: 20px 0 25px;
}

#header-left-section {
	float: left;
}

#header-logo-image {
	float: left;
	padding-right: 20px;
}

#header-logo-image img {
	margin-bottom: 0;
}

#header-text {
	float: left;
	padding-right: 20px;
}

#site-title {
	padding-bottom: 0;
	line-height: 1;
	max-width: 300px;
}

#site-title a {
	color: #fff !important; /*ata*/
	font-size: 1.5rem; /*ata*/
}

	
div#ceoititle {
	font-family: 'Bebas Neue', cursive;
	display:block;
	border-left:3px solid white;
	box-shadow:-2px 0  gray;	
	padding-left:50px;}
	
	

#site-description {
	line-height: 24px;
	font-size: 16px;
	color: #fff;
	padding-bottom: 0px;
	font-family: 'Titillium Web', sans-serif;
}

#header-right-section {
	float: right;
}

#header-right-section .widget {
	text-align: right;
	color: #333333;
}

#header-right-section .widget .widget-title {
	padding-bottom: 0;
	font-size: 18px;
	line-height: 1.2;
	padding-bottom: 5px;
}

.header-image {
	margin-bottom: 0;
	border-bottom: 0;
	width: 100%;
}

/* =HEADER INFO TEXT
----------------------------------------------- */
.small-info-text {
	float: left;
	max-width: 100%;
	padding-right: 15px;
	padding-top: 2px;
}

.small-info-text p {
	font-size: 12px;
	color: #555555;
	margin-bottom: 0;
}

/* =SOCIAL LINKS
----------------------------------------------- */
.fa {
	font-size: 22px;
	color: #cccccc;
}

.social-links {
	text-align: center;
	float: right;
}

.social-links ul li {
	display: inline;
}

#masthead .social-links i.fa {
	font-size: 23px;
	padding: 0 10px;
}

.social-links i.fa {
	padding: 5px 10px;
	text-align: center;
	transition: background-color 0.2s ease-out 0s;
	font-size: 25px;
}

.social-links i.fa:hover {
	color: #289dcc;
}

.social-links i.fa-twitter {
	color: #1bb2e9;
}

.social-links i.fa-facebook {
	color: #3b5a9b;
}

.social-links i.fa-youtube {
	color: #ed3f41;
}

.social-links i.fa-vimeo-square {
	color: #44bbff;
}

.social-links i.fa-skype {
	color: #009cef;
}

.social-links i.fa-linkedin {
	color: #007bb6;
}

.social-links i.fa-google-plus {
	color: #dc4937;
}

.social-links i.fa-github {
	color: #4183c4;
}

.social-links i.fa-flickr {
	color: #0062dd;
}

.social-links i.fa-dribbble {
	color: #e24d87;
}

.social-links i.fa-instagram {
	color: #3f729b;
}

.social-links i.fa-pinterest {
	color: #d5282e;
}

.social-links i.fa-stumbleupon {
	color: #ec4823;
}

.social-links i.fa-tumblr {
	color: #455469;
}

.social-links i.fa-wordpress {
	color: #21759b;
}

.social-links i.fa-codepen {
	color: #cccccc;
}

.social-links i.fa-digg {
	color: #14589e;
}

.social-links i.fa-reddit {
	color: #ff4500;
}

/* =SEARCH WIDGET
----------------------------------------------- */
.search-random-icons-container {
	float: right;
}

#masthead .search-wrap input.s {
	width: 200px;
}

.top-search-wrap {
	float: left;
}

.fa.search-top {
	color: #ffffff;
	cursor: pointer;
	font-size: 21px;
	padding: 10px 12px;
}

.fa.search-top:hover {
	background-color: #289dcc;
}

.search-wrap {
	position: relative;
}

.search-wrap button {
	border-radius: 0;
	color: #ffffff;
	line-height: 45px;
	margin-bottom: 0;
	padding: 0 15px;
	margin-left: -5px;
	margin-top: 1px;
}

.search-icon:before {
	content: "\f002";
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	text-decoration: inherit;
	color: #ffffff;
	font-size: 18px;
}

.search-form-top {
	border: 1px solid #eaeaea;
	display: none;
	padding: 10px;
	position: absolute;
	right: 0;
	top: 44px;
	z-index: 9999;
	background-color: #ffffff;
}

.search-form-top.show {
	display: block;
}

.not-found .search-wrap button {
	right: 175px;
}

#secondary .search-wrap button {
	right: 26px;
}

/* =RANDOM POST
----------------------------------------------- */
.random-post {
	float: right;
}

.random-post .fa-random {
	color: #ffffff;
	font-size: 20px;
	vertical-align: middle;
}

.main-navigation .random-post a {
	padding: 10px 12px;
	border-bottom: none;
}

/* =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-color: #3e3e72;
	/*border-top: 4px solid #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: #289dcc;
}

.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: 'Titillium Web', sans-serif;
	font-weight: 300;
}

.main-navigation a {
	color: #fff;
	display: block;
	float: none;
	font-size: 18px;
	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-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,
.main-navigation ul li.focus > a {
	background-color: #289dcc;
}

.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 ul li.focus > ul {
	display: block;
}

.main-navigation .sub-menu,
.main-navigation .children {
	background-color: #3e3e72;
}

.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,
.main-navigation ul li.focus ul ul,
.main-navigation ul ul li.focus ul ul,
.main-navigation ul ul ul li.focus ul ul,
.main-navigation ul ul ul ul li.focus ul ul {
	left: -99999px;
	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,
.main-navigation ul li.focus ul,
.main-navigation ul ul li.focus ul,
.main-navigation ul ul ul li.focus ul,
.main-navigation ul ul ul ul li.focus ul,
.main-navigation ul ul ul ul ul li.focus ul {
	left: 100%;
}

.main-navigation ul li ul {
	position: absolute;
	width: 200px;
	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;
	display: block;
	text-align: left;
	text-transform: none;
}

.main-navigation ul li.current-menu-item a {	color: #ebcc33 !important;}
.main-navigation ul li.current-menu-item ul a {	color: #fff !important;}

.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: #289dcc;
}

.main-navigation ul li ul li ul {
	left: 200px;
	top: 0;
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	left: auto;
}

.main-navigation ul ul {
	position: absolute;
	float: left;
	left: -99999px;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	left: 100%;
}

.main-navigation ul ul ul {
	left: -99999px;
	top: 0;
}

.main-navigation ul ul ul li:hover > ul,
.main-navigation ul ul ul li.focus > ul {
	left: 100%;
}

.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: 'Titillium Web', sans-serif;
	padding-bottom: 0;
	line-height: 1.2;
}

.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 .menu {
	padding-top: 43px;
}

.main-small-navigation .menu-primary-container > ul,
.main-small-navigation .menu > ul {
	width: 100%;
}

.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: 10px 12px;
	border-bottom: none;
}

.main-small-navigation li {
	background-color: #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;
}

/* =CONTENT
----------------------------------------------- */
.sticky {
	display: block;
}

#main {
	padding-top: 0px;
	padding-bottom: 20px;
	background-color: #ffffff;
}

/* =POST FORMAT
----------------------------------------------- */
/* POST FORMAT LINK */
.format-link .entry-content p {
	text-align: center;
	padding-top: 30px;
}

.format-link .entry-content a {
	text-decoration: underline;
	text-transform: uppercase;
	padding: 15px 40px;
	border-radius: 3px;
	background-color: #289dcc;
	color: #ffffff;
	transition: background-color 0.3s linear 0s;
	display: inline-block;
}

.format-link .entry-content a:hover {
	background-color: #33363b;
}

/* POST FORMAT ASIDE */
.format-aside .entry-header {
	display: none;
}

/* POST FORMAT STATUS */
/* POST FORMAT STANDARD */
/* =2,3,4 COLUMNS
----------------------------------------------- */
/* Two COLUMN */
.tg-one-half {
	float: left;
	width: 48%;
	padding: 0px 0px 30px;
}

.tg-one-half-last {
	float: right;
}

/* =NAVIGATION
----------------------------------------------- */
.default-wp-page {
	clear: both;
}

.default-wp-page .previous {
	float: left;
	padding: 30px 0;
}

.default-wp-page .next {
	float: right;
	padding: 30px 0;
}

/* =WP PAGENAVI PLUGIN
----------------------------------------------- */
.wp-pagenavi {
	text-align: center;
	margin-bottom: 30px;
}

#content .wp-pagenavi .page,
#content .wp-pagenavi a {
	padding: 4px 10px;
	color: #777777;
	border: 1px solid #f2f2f2;
}

#content .wp-pagenavi .current,
#content .wp-pagenavi a:hover {
	padding: 4px 10px;
	color: #ffffff;
	background-color: #289dcc;
	border: 1px solid #f2f2f2;
}

#content .wp-pagenavi a,
#content .wp-pagenavi span {
	margin-left: 5px;
	border-radius: 2px;
}

#content .wp-pagenavi span.pages {
	margin-left: 0;
	color: #777777;
	padding: 4px 10px;
	border: 1px solid #f2f2f2;
}

/* =PAGINATION
----------------------------------------------- */
.pagination {
	margin: 15px 0;
}

.pagination span {
	padding: 2px 5px;
	border: 1px solid #eaeaea;
	background-color: #289dcc;
	color: #ffffff;
}

.pagination a span {
	background-color: #ffffff;
	color: #777777;
}

.pagination a span:hover {
	color: #289dcc;
	border-color: #289dcc;
	text-decoration: none;
}

/* =MEDIA
----------------------------------------------- */
.wp-caption {
	border: 1px solid #cccccc;
	margin-bottom: 1.5rem;
	max-width: 100%;
}

#colophon .wp-caption {
	border: 1px solid #444444;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 1.2% auto 0;
	max-width: 98%;
}

.wp-caption-text {
	text-align: center;
}

.wp-caption .wp-caption-text {
	margin: 0.8075rem 0;
}

/* =WORDPRESS GALLERY SUPPORT
----------------------------------------------- */
.gallery {
	margin: 0 auto 15px;
}

.gallery-item {
	display: inline-block;
	padding: 15px 2%;
	text-align: center;
	vertical-align: top;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.gallery-columns-3 .gallery-item,
.gallery-columns-4 .gallery-item,
.gallery-columns-5 .gallery-item {
	padding: 15px 1%;
}

.gallery-columns-6 .gallery-item,
.gallery-columns-7 .gallery-item,
.gallery-columns-8 .gallery-item,
.gallery-columns-9 .gallery-item {
	padding: 10px 0.5%;
}

.gallery-columns-2 .gallery-item {
	width: 50%;
}

.gallery-columns-3 .gallery-item {
	width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	width: 25%;
}

.gallery-columns-5 .gallery-item {
	width: 20%;
}

.gallery-columns-6 .gallery-item {
	width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	width: 11.11%;
}

.gallery-icon img {
	margin: 0 auto;
}

.gallery .gallery-caption {
	font-size: 12px;
	line-height: 1.2;
	padding-top: 5px;
}

/* =COMMENTS
----------------------------------------------- */
#comments {
	border-top: 1px solid #f8f8f8;
	padding-top: 15px;
}

#comments i {
	font-size: 16px;
	color: #aaaaaa;
	padding-right: 10px;
}

.comments-title {
	font-size: 24px;
}

.comment-content a {
	word-wrap: break-word;
}

.comment-navigation {
	margin-bottom: 15px;
}

.bypostauthor {
	display: block;
}

#comments .comments-title {
	margin-bottom: 10px;
}

.avatar {
	border-radius: 50%;
	float: left;
}

.comments-area article header {
	margin: 0 0 5px;
	overflow: hidden;
	position: relative;
}

.comments-area .comment-edit-link,
.comments-area .comment-permalink,
.comments-area .comment-date-time,
.comments-area .comment-author-link {
	display: block;
	margin-left: 100px;
	color: #999999;
}

#content .comments-area article header cite a:hover,
#content .comments-area a.comment-edit-link:hover,
#content .comments-area a.comment-permalink:hover {
	color: #289dcc;
}

.comments-area .comment-author-link a {
	color: #999999;
}

.comments-area .comment-author-link a:hover {
	color: #289dcc;
}

.comments-area .comment-author-link span {
	margin-left: 10px;
	padding: 0 5px;
	background-color: #289dcc;
	color: #ffffff;
	border-radius: 3px;
}

.comments-area article header .comment-edit-link:before {
	content: "\f044";
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	text-decoration: inherit;
	color: #aaaaaa;
	font-size: 16px;
	padding-right: 10px;
}

.comment-content {
	padding: 15px 15px 25px;
	background-color: #f8f8f8;
	border: 1px solid #eaeaea;
	border-radius: 2px;
}

.comment {
	margin-bottom: 20px;
}

.comment ul, .comment ol {
	margin: 0 0 20px 20px;
}

.comment ul {
	list-style: square outside none;
}

.comment .comment-reply-link {
	float: right;
	color: #aaaaaa;
}

.comment .comment-reply-link:before {
	content: "\f112";
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	text-decoration: inherit;
	color: #aaaaaa;
	font-size: 16px;
	padding-right: 10px;
}

.comment .comment-reply-link:hover {
	color: #289dcc;
}

.comment-list {
	margin-bottom: 25px;
}

.comment-list .children {
	margin-left: 20px;
}

.comment-list, .comment-list .children {
	list-style-type: none;
	padding: 0;
}

.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
	/* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 0.875rem;
	font-size: 14px;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
	/* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#main[tabindex="-1"]:focus {
	outline: 0;
}

.nav-previous,
.nav-next {
	margin-bottom: 15px;
}

.nav-previous a,
.nav-next a {
	color: #289dcc;
	cursor: pointer;
	font-size: 16px;
}

.nav-previous a {
	float: left;
}

.nav-next a {
	float: right;
}

.nav-previous a:hover,
.nav-next a:hover {
	text-decoration: underline;
}

/* =COMMENT FORM
----------------------------------------------- */
#respond h3#reply-title {
	font-size: 22px;
	line-height: 28px;
}

#respond h3#reply-title #cancel-comment-reply-link {
	margin-left: 10px;
	margin-left: 1rem;
	font-weight: normal;
	font-size: 16px;
	font-size: 1.6rem;
}

#respond form .comment-form-cookies-consent #wp-comment-cookies-consent {
	margin-right: 5px;
}

#respond form .comment-form-cookies-consent label {
	display: inline-block;
}

#respond form label {
	display: block;
	line-height: 1.5;
}

#respond form input[type="text"],
#respond form textarea,
#respond form input[type="email"],
#respond form input[type="url"] {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 16px;
	line-height: 1.5;
	padding: 10px;
	width: 100%;
}

#respond form p.form-allowed-tags {
	font-size: 16px;
	line-height: 1;
	color: #5e5e5e;
	display: none;
}

.required {
	color: red;
}

/* =WIDGETS
----------------------------------------------- */
#secondary .widget ul li, #colophon .widget ul li {
	line-height: 1.5;
	padding: 5px 0;
}

#colophon .widget ul li {
	border-bottom: 1px solid #444444;
}

#secondary .widget ul li li, #colophon .widget ul li li {
	border-bottom: none;
}

#secondary .widget ul ul, #colophon .widget ul ul {
	padding-left: 10px;
}

.widget select {
	border: 1px solid #dddddd;
	color: #777777;
	padding: 2px;
	width: 60%;
}

#secondary .widget-title {
	border-bottom: 2px solid #289dcc;
	font-size: 18px;
	margin-bottom: 15px;
	padding-bottom: 0;
}

#secondary .widget-title span {
	background-color: #289dcc;
	color: #ffffff;
	padding: 6px 12px;
	display: inline-block;
}

#secondary .widget, .error-404 .widget {
	margin-bottom: 35px;
	font-size: 14px;
	background-color: #ffffff;
}

#secondary .widget p {
	font-size: 14px;
}

#secondary a:hover {
	text-decoration: underline;
}

.error-404 {
	padding-bottom: 20px;
	text-align: center;
}

.error-404 input.s {
	width: 50%;
}

#secondary .widget-title a.rsswidget {
	color: #ffffff;
}

/* =FOOTER WIDGET AREA
----------------------------------------------- */
.footer-widgets-wrapper {
	border-top: 0px solid #f2f2f2;
	background-color: #303440;
}

.footer-widgets-area {
	padding-top: 45px;
	padding-bottom: 10px;
	color: #cccccc;
}

.tg-footer-main-widget {
	width: 39.473684%;
	float: left;
	margin-right: 2.631579%;
}

.tg-footer-other-widgets {
	float: right;
	width: 57.894737%;
}

.tg-second-footer-widget,
.tg-third-footer-widget {
	width: 30.303030%;
	float: left;
	margin-right: 4.545454%;
}

.tg-fourth-footer-widget {
	width: 30.303030%;
	float: right;
	margin-right: 0;
}

.footer-widgets-area .widget-title {
	border-bottom: 2px solid #289dcc;
	font-size: 18px;
	margin-bottom: 15px;
	padding-bottom: 0;
}

.footer-widgets-area .widget-title span {
	background-color: #289dcc;
	color: #ffffff;
	padding: 6px 12px;
	display: inline-block;
}

.footer-widgets-area p {
	text-align: left;
	color: #aaaaaa;
}

.footer-widgets-area a {
	color: #ffffff;
}

.footer-widgets-area a:hover {
	color: #289dcc;
}

#colophon .widget {
	margin-bottom: 40px;
}

#colophon, #colophon p {
	font-size: 14px;
	line-height: 1.4;
}

/* =FOOTER ADVERTISEMENT AREA
----------------------------------------------- */
.advertisement_above_footer {
	background-color: #ffffff;
}

.advertisement_above_footer .widget-title {
	border-bottom: 2px solid #289dcc;
	font-size: 18px;
	margin-bottom: 15px;
	padding-bottom: 0;
}

.advertisement_above_footer .widget-title span {
	background-color: #289dcc;
	color: #ffffff;
	padding: 6px 12px;
	display: inline-block;
}

/* =FOOTER SOCKET AREA
----------------------------------------------- */
.footer-socket-wrapper {
	padding: 10px 0px 10px;
	background-color: #303440;
}

.footer-socket-area {
	width: 100%;
}

.footer-socket-right-section {
	float: right;
}

.footer-socket-left-section {
	float: left;
}

.footer-socket-wrapper .copyright {
	color: #b1b6b6;
	float: left;
	font-size: 14px;
}

.footer-socket-wrapper .copyright a {
	color: #b1b6b6;
	border-bottom: 0px solid #5a5d62;
}

.footer-socket-wrapper .copyright a:hover {
	color: #ffffff;
}

.footer-socket-wrapper .small-menu {
	float: right;
}

.footer-socket-wrapper .small-menu a {
	padding-top: 0;
}

.footer-socket-wrapper .small-menu ul li ul {
	top: 21px;
}

/* =SCROLL UP
----------------------------------------------- */
a#scroll-up {
	bottom: 20px;
	position: fixed;
	right: 20px;
	display: none;
	opacity: 0.5;
	filter: alpha(opacity=50);
	/* For IE8 and earlier */
}

a#scroll-up i {
	font-size: 40px;
	color: #289dcc;
}

a#scroll-up:hover {
	opacity: 1;
	filter: alpha(opacity=100);
	/* For IE8 and earlier */
}

/* =PRIMARY AND SECONDARY CONTENT AREA
----------------------------------------------- */
#primary {
	float: left;
	width: 70.17543859%;
}

#secondary {
	float: right;
	width: 27.19298245%;
}

/* =LEFT SIDEBAR CONTENT LAYOUT
-------------------------------------------------------------- */
.left-sidebar #primary {
	float: right;
}

.left-sidebar #secondary {
	float: left;
}

/* =NO SIDEBAR CONTENT LAYOUT
-------------------------------------------------------------- */
.no-sidebar #primary {
	float: none;
	margin: 0 auto;
}

.no-sidebar-full-width #primary {
	width: 100%;
}

.no-sidebar #secondary,
.no-sidebar-full-width #secondary {
	display: none;
}

.no-sidebar-full-width,
.no-sidebar {
	overflow: hidden;
}

.no-sidebar-full-width .alignfull,
.no-sidebar .alignfull {
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
	max-width: unset;
}

.no-sidebar-full-width .alignfull img,
.no-sidebar .alignfull img {
	max-width: unset;
}

.no-sidebar-full-width .alignwide,
.no-sidebar .alignwide {
	margin-left: -100px;
	margin-right: -100px;
	max-width: unset;
}

.no-sidebar-full-width.box-layout #main,
.no-sidebar.box-layout #main {
	overflow: hidden;
}

.no-sidebar-full-width.box-layout .alignwide,
.no-sidebar.box-layout .alignwide {
	margin-left: -100px;
	margin-right: -100px;
}

.widget_featured_posts .article-content .above-entry-meta .cat-links a {
	background-color: #289dcc;
	border-radius: 3px;
	color: #ffffff;
	font-size: 12px;
	padding: 3px 10px;
	display: inline-block;
}

.widget_featured_posts .article-content .entry-title {
	padding: 10px 0 0;
	font-size: 22px;
}

.widget_featured_posts .article-content .entry-title a {
	color: #3e3e72;
	text-shadow: none;
}

.widget_featured_posts .article-content .below-entry-meta .posted-on,
.widget_featured_posts .article-content .below-entry-meta .byline {
	padding-right: 10px;
}

.widget_featured_posts .article-content .below-entry-meta .posted-on .fa {
	color: #888888;
	font-size: 10px;
	padding-right: 3px;
}

.widget_featured_posts .article-content .below-entry-meta .byline .fa,
.widget_featured_posts .article-content .below-entry-meta .comments .fa {
	color: #888888;
	padding-right: 5px;
	font-size: 11px;
}

.widget_featured_posts .article-content .below-entry-meta .posted-on a,
.widget_featured_posts .article-content .below-entry-meta .byline a,
.widget_featured_posts .article-content .below-entry-meta .comments a {
	font-size: 12px;
}

/* =POST CONTENT
----------------------------------------------- */
.page-header .page-title {
	border-bottom: 2px solid #289dcc;
	font-size: 18px;
	margin-bottom: 15px;
	padding-bottom: 0;
}

.page-header .page-title span {
	background-color: #289dcc;
	color: #ffffff;
	padding: 6px 12px;
	display: inline-block;
}

.archive #content .post p {
	font-size: 14px;
}

.archive #content .post:nth-child(2n+1) {
	float: left;
	width: 48.7013%;
	clear: both;
}

.archive #content .post:nth-child(2n) {
	float: right;
	width: 48.7013%;
	
}

/*
.archive #content .post:first-child {
	float: none;
	width: 100%;
}

.archive #content .post:not(:first-child) .article-content .entry-title {
	font-size: 22px;
}*/

.single #content .post,
#content .post {
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
}

#content .post {
	margin-bottom: 30px;
}

.single #content .post {
	margin-bottom: 0;
}

#content .post img {
	margin-bottom: 0;
}

#content .post .article-content {
	padding: 15px;
}

#content .post .article-content .above-entry-meta .cat-links a {
	background-color: #289dcc;
	border-radius: 3px;
	color: #ffffff;
	font-size: 12px;
	padding: 3px 10px;
}

#content .post .article-content .entry-title {
	padding: 5px 0 0;
	font-size: 32px;
}

#content .post .article-content .entry-title a {
	color: #3e3e72;
}

#content .post .article-content .entry-title a:hover {
	color: #289dcc;
}

#content .post .article-content .below-entry-meta .posted-on,
#content .post .article-content .below-entry-meta .byline,
#content .post .article-content .below-entry-meta .comments,
#content .post .article-content .below-entry-meta .tag-links {
	padding-right: 10px;
}

#content .post .article-content .below-entry-meta .posted-on .fa {
	color: #888888;
	font-size: 10px;
	padding-right: 3px;
}

#content .post .article-content .below-entry-meta .byline .fa,
#content .post .article-content .below-entry-meta .comments .fa,
#content .post .article-content .below-entry-meta .tag-links .fa,
#content .post .article-content .below-entry-meta .edit-link .fa {
	color: #888888;
	padding-right: 5px;
	font-size: 11px;
}

#content .post .article-content .below-entry-meta .posted-on a,
#content .post .article-content .below-entry-meta .byline a,
#content .post .article-content .below-entry-meta .comments a,
#content .post .article-content .below-entry-meta .tag-links a,
#content .post .article-content .below-entry-meta .edit-link a {
	font-size: 12px;
}

#content .post .article-content .below-entry-meta {
	padding-bottom: 20px;
}

.below-entry-meta .updated:not(.published) {
	display: none;
}

.type-post .entry-title,
.type-page .entry-title {
	font-size: 34px;
	line-height: 1.2;
}

.post .entry-title a, .search .entry-title a {
	color: #333333;
	transition: all 0.3s ease 0s;
}

.post .entry-title a:hover, .search .entry-title a:hover {
	color: #289dcc;
}

.post .entry-content {
	margin-bottom: 10px;
}

.entry-content ul {
	list-style: square;
}

.entry-content ul,
.entry-content ol {
	padding: 0 0 0 35px;
	margin-bottom: 30px;
}

.entry-content li > ul,
.entry-content li > ol {
	margin-bottom: 0;
}

.entry-content li {
	line-height: 1.3;
}

.post .entry-content a:hover {
	text-decoration: underline;
}

.entry-meta {
	color: #aaaaaa;
	padding-bottom: 20px;
}

.entry-meta .byline i,
.entry-meta .cat-links i {
	padding-left: 5px;
	padding-right: 5px;
	font-size: 16px;
	color: #289dcc;
}

.entry-meta .byline a,
.entry-meta .cat-links a {
	font-size: 20px;
}

.entry-meta .byline {
	margin-right: 25px;
}

.entry-meta a {
	color: #289dcc;
}

.entry-meta a:hover {
	text-decoration: underline;
}

.entry-meta .sep {
	display: block;
	border-top: 1px solid #f2f2f2;
	position: relative;
	margin: 10px 0 10px 0;
}

.entry-meta .post-format {
	padding: 5px;
	position: absolute;
	right: -64px;
	top: -32px;
}

.entry-meta .post-format i {
	background-color: #289dcc;
	border-radius: 5px;
	color: #ffffff;
	display: block;
	height: 30px;
	line-height: 30px;
	text-align: center;
	width: 30px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 12px 8px 8px 8px;
}

.entry-meta .posted-on,
.entry-meta .comments-link,
.entry-meta .edit-link,
.entry-meta .tag-links {
	font-size: 12px;
	line-height: 20px;
	margin-right: 25px;
}

.entry-meta .posted-on a,
.entry-meta .comments-link a,
.entry-meta .edit-link a,
.entry-meta .tag-links a {
	color: #aaaaaa;
	font-size: 14px;
}

.entry-meta .posted-on a:hover,
.entry-meta .comments-link a:hover,
.entry-meta .edit-link a:hover,
.entry-meta .tag-links a:hover {
	color: #289dcc;
	text-decoration: none;
}

.entry-meta .posted-on i,
.entry-meta .comments-link i,
.entry-meta .edit-link i,
.entry-meta .tag-links i {
	font-size: 14px;
	padding-right: 5px;
	padding-left: 5px;
	text-decoration: none;
}

.entry-content a.read-more:hover {
	text-decoration: none;
}

.single #content .tags a {
	border: 1px solid #eaeaea;
	padding: 3px 5px;
	border-radius: 3px;
	color: #777777;
}

.single #content .tags a:hover {
	color: #289dcc;
	text-decoration: none;
}

.more-link {
	display: inline-block;
	background-color: #289dcc;
	border-radius: 3px;
}

.more-link span {
	font-size: 12px;
	padding: 5px 10px;
	color: #ffffff;
	cursor: pointer;
	display: inline-block;
}

.more-link span:hover {
	background-color: rgba(0, 0, 0, 0.1);
}

ul.wp-block-gallery {
	padding: 0;
}

/* =FEATURED BLOG
----------------------------------------------- */
.no-post-thumbnail {
	background-color: #289dcc;
}

.tg-two-column-post-left {
	float: left;
	clear: both;
}

.tg-two-column-post-right {
	float: right;
}

.post-box {
	width: 48.5%;
	height: auto;
	margin-bottom: 30px;
	position: relative;
}

.yes-post-thumbnail.post-box {
	height: auto;
}

.post-box img {
	margin-bottom: 0;
}

.post-box .post-content-area {
	position: absolute;
	top: 50%;
	-ms-transform: translateY(-50%);
	/* IE 9 */
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 100%;
	text-align: center;
}

.post-box .entry-title {
	padding-bottom: 0;
}

.post.post-box .entry-title a {
	color: #ffffff;
	text-shadow: 1px 1px 1px #000000;
	font-size: 28px;
	text-transform: uppercase;
	padding: 10px;
}

.post.post-box .entry-title a:hover {
	color: #289dcc;
}

.post-box .entry-title:after {
	background: none repeat scroll 0 0 #ffffff;
	content: "";
	display: block;
	height: 2px;
	margin: 15px auto;
	width: 100px;
}

.post-box .entry-meta {
	padding-bottom: 0;
}

.post-box .entry-meta span .fa {
	color: #ffffff;
}

.post-box .entry-meta .posted-on a,
.post-box .entry-meta .cat-links a {
	color: #ffffff;
	text-shadow: 1px 1px 1px #000000;
	font-size: 16px;
}

.post-box .entry-meta .posted-on i,
.post-box .entry-meta .cat-links i {
	color: #ffffff;
}

.post-box .entry-meta .posted-on a:hover,
.post-box .entry-meta .cat-links a:hover {
	color: #289dcc;
	text-decoration: none;
}

/* =FRONT PAGE WIDGET AREAS
----------------------------------------------- */
.widget_slider_area {
	float: left;
	width: 55.26315789%;
}

.widget_beside_slider {
	float: right;
	width: 43.85964912%;
}

.widget_slider_area .widget-title,
.widget_beside_slider .widget-title {
	border-bottom: 2px solid #289dcc;
	font-size: 18px;
	margin-bottom: 15px;
	padding-bottom: 0;
}

.widget_slider_area .widget-title span,
.widget_beside_slider .widget-title span {
	background-color: #289dcc;
	color: #fff;
	padding: 6px 12px;
	display: inline-block;
}

/* Slider widget meta CSS */
.widget_featured_slider .single-slide {
	position: relative;
}

.widget_featured_slider img {
	margin-bottom: 0;
}

.widget_featured_slider .slide-content {
	position: absolute;
	bottom: 0;
	/*background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.3));
	background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.3));
	background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.3));
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.3));*/
	padding-bottom: 5px;
	padding-left: 5%;
	position: absolute;
	width: 100%;
	background:#3e3e72;
}

.widget_featured_slider .slide-content .above-entry-meta .cat-links a {
	background-color: #289dcc;
	border-radius: 3px;
	color: #ffffff;
	font-size: 12px;
	padding: 3px 10px;
}

.widget_featured_slider .slide-content .entry-title {
	padding: 10px 0 0;
	font-size: 22px;
}

.widget_featured_slider .slide-content .entry-title a {
	color: #ffffff;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
}

.widget_featured_slider .slide-content .entry-title a:hover {
	color: #289dcc;
}

.widget_featured_slider .slide-content .below-entry-meta .posted-on,
.widget_featured_slider .slide-content .below-entry-meta .byline {
	padding-right: 10px;
}

.widget_featured_slider .slide-content .below-entry-meta .posted-on .fa {
	color: #ffffff;
	font-size: 10px;
	padding-right: 3px;
}

.widget_featured_slider .slide-content .below-entry-meta .byline .fa,
.widget_featured_slider .slide-content .below-entry-meta .comments .fa {
	color: #ffffff;
	padding-right: 5px;
	font-size: 11px;
}

.widget_featured_slider .slide-content .below-entry-meta .posted-on a,
.widget_featured_slider .slide-content .below-entry-meta .byline a,
.widget_featured_slider .slide-content .below-entry-meta .comments a,
.widget_featured_slider .slide-content .below-entry-meta .comments span {
	color: #ffffff;
	font-size: 12px;
}

.widget_featured_slider .slide-content .below-entry-meta .posted-on a:hover,
.widget_featured_slider .slide-content .below-entry-meta .byline a:hover,
.widget_featured_slider .slide-content .below-entry-meta .comments a:hover {
	color: #289dcc;
}

/* Highlighted posts widget */
.widget_highlighted_posts .single-article {
	position: relative;
	float: left;
	margin-bottom: 10px;
	margin-right: 2%;
	max-width: 49%;
}

.widget_highlighted_posts .single-article:nth-child(odd) {
	margin-right: 0;
}

.widget_highlighted_posts img {
	margin-bottom: 0;
}

.widget_highlighted_posts .article-content {
	position: absolute;
	bottom: 0;
	/* background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));
	background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));
	background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));*/
	padding-bottom: 10px;
	padding-left: 5%;
	position: absolute;
	width: 100%;
}

.widget_highlighted_posts .above-entry-meta {
	display: none;
}

.widget_highlighted_posts .article-content .above-entry-meta .cat-links a {
	background-color: #289dcc;
	border-radius: 3px;
	color: #ffffff;
	font-size: 12px;
	padding: 3px 10px;
}

.widget_highlighted_posts .article-content .entry-title {
	padding: 10px 0 0;
	font-size: 16px;
}

.widget_highlighted_posts .article-content .entry-title a {
	color: #ffffff;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
}

.widget_highlighted_posts .article-content .entry-title a:hover {
	color: #289dcc;
}

.widget_highlighted_posts .article-content .below-entry-meta .posted-on,
.widget_highlighted_posts .article-content .below-entry-meta .byline {
	padding-right: 10px;
}

.widget_highlighted_posts .article-content .below-entry-meta .byline {
	display: none;
}

.widget_highlighted_posts .article-content .below-entry-meta .posted-on .fa {
	color: #ffffff;
	font-size: 10px;
	padding-right: 3px;
}

.widget_highlighted_posts .article-content .below-entry-meta .byline .fa,
.widget_highlighted_posts .article-content .below-entry-meta .comments .fa {
	color: #ffffff;
	padding-right: 5px;
	font-size: 11px;
}

.widget_highlighted_posts .article-content .below-entry-meta .posted-on a,
.widget_highlighted_posts .article-content .below-entry-meta .byline a,
.widget_highlighted_posts .article-content .below-entry-meta .comments a,
.widget_highlighted_posts .article-content .below-entry-meta .comments span {
	color: #ffffff;
	font-size: 11px;
}

.widget_highlighted_posts .article-content .below-entry-meta .posted-on a:hover,
.widget_highlighted_posts .article-content .below-entry-meta .byline a:hover,
.widget_highlighted_posts .article-content .below-entry-meta .comments a:hover {
	color: #289dcc;
}

.widget_highlighted_posts .widget-title {
	color: #555555;
	font-size: 24px;
}

/* TG:All Posts Widget Styling */
.blog .post:nth-child(2n) {
	float: left;
	width: 48.7013%;
	clear: both;
}

.blog .post:nth-child(2n+1) {
	float: right;
	width: 48.7013%;
}

.blog .post:first-child {
	float: none;
	width: 100%;
}

.blog .post .article-content .below-entry-meta .edit-link a,
.blog .post .article-content .below-entry-meta .tag-links a {
	font-size: 12px;
}

.blog .post .article-content .below-entry-meta .edit-link .fa,
.blog .post .article-content .below-entry-meta .tag-links .fa {
	color: #888888;
	padding-right: 5px;
	font-size: 11px;
}

.blog .post .article-content .below-entry-meta .tag-links {
	padding-right: 10px;
}

/* Search Page */
.search .status-publish {
	margin-bottom: 30px;
	-webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
}

.search .status-publish:nth-child(2n) {
	float: left;
	width: 48.7013%;
	clear: both;
}

.search .status-publish:nth-child(2n+1) {
	float: right;
	width: 48.7013%;
}

.search .status-publish:first-child {
	float: none;
	width: 100%;
}

.search .status-publish .article-content {
	padding: 15px;
}

/* =FRONT PAGE MAIN CONTENT SECTION
----------------------------------------------- */
.main-content-section {
	padding-top: 10px;
}

.main-content-section .tg-one-half {
	width: 48.75%;
	padding-bottom: 0;
}

.posted-on a,
.byline a,
.comments a,
.comments span,
.tag-links a,
.edit-link a {
	color: #888888;
}

.posted-on a:hover,
.byline a:hover,
.comments a:hover,
.tag-links a:hover,
.edit-link a:hover {
	color: #289dcc;
}

/* Featured posts widget */
.widget_featured_posts .article-content .above-entry-meta .cat-links a {
	background-color: #289dcc;
	border-radius: 3px;
	color: #ffffff;
	font-size: 12px;
	padding: 3px 10px;
}

.widget_featured_posts .article-content .entry-title {
	padding: 10px 0 0;
	font-size: 22px;
}

.widget_featured_posts .article-content .entry-title a {
	color: #3e3e72;
	text-shadow: none;
}

.widget_featured_posts .article-content .entry-title a:hover {
	color: #289dcc;
}

.widget_featured_posts .article-content .below-entry-meta .posted-on,
.widget_featured_posts .article-content .below-entry-meta .byline {
	padding-right: 10px;
}

.widget_featured_posts .article-content .below-entry-meta .posted-on .fa {
	color: #888888;
	font-size: 10px;
	padding-right: 3px;
}

.widget_featured_posts .article-content .below-entry-meta .byline .fa,
.widget_featured_posts .article-content .below-entry-meta .comments .fa {
	color: #888888;
	padding-right: 5px;
	font-size: 11px;
}

.widget_featured_posts .article-content .below-entry-meta .posted-on a,
.widget_featured_posts .article-content .below-entry-meta .byline a,
.widget_featured_posts .article-content .below-entry-meta .comments a,
.widget_featured_posts .article-content .below-entry-meta .comments span {
	font-size: 12px;
}

.widget_featured_posts {
	margin-bottom: 30px;
}

.widget_featured_posts .widget-title {
	border-bottom: 2px solid #289dcc;
	font-size: 18px;
	margin-bottom: 15px;
	padding-bottom: 0;
}

.widget_featured_posts .widget-title span {
	background-color: #289dcc;
	color: #ffffff;
	padding: 6px 12px;
	display: inline-block;
}

.widget_featured_posts img {
	margin-bottom: 18px;
}

.widget_featured_posts .first-post {
	float: left;
	width: 48.70129870%;
	margin-bottom: 20px;
}

.widget_featured_posts .following-post {
	float: right;
	width: 48.70129870%;
}

.widget_featured_posts .following-post .byline {
	display: none;
}

.widget_featured_posts.widget_featured_posts_vertical .first-post,
.widget_featured_posts.widget_featured_posts_vertical .following-post {
	float: none;
	width: 100%;
}

.widget_featured_posts .single-article {
	background-color: #ffffff;
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
}

.widget_featured_posts .article-content {
	padding: 0 15px 5px;
}

.widget_featured_posts .article-content .below-entry-meta {
	margin-bottom: 12px;
}

.widget_featured_posts .article-content .entry-content p {
	font-size: 14px;
}

.widget_featured_posts .following-post .single-article {
	margin-bottom: 15px;
}

.widget_featured_posts .following-post figure {
	float: left;
	margin-right: 10px;
}

.widget_featured_posts.widget_featured_meta .following-post .single-article figure {
	float: left;
	margin-right: 10px;
}

#secondary .widget_featured_posts .following-post .article-content .entry-title {
	font-size: 14px;
	line-height: 1.4;
}

.widget_featured_posts .following-post .article-content .entry-title {
	font-size: 18px;
}

.widget_featured_posts .following-post .article-content .below-entry-meta .posted-on a,
.widget_featured_posts .following-post .article-content .below-entry-meta .byline a {
	font-size: 11px;
}

.widget_featured_posts .following-post .article-content .below-entry-meta {
	margin-bottom: 0;
}

.widget_featured_posts .following-post img {
	margin-bottom: 0;
}

.widget_featured_posts .following-post .above-entry-meta {
	display: none;
}

.news-bar {
	background-color: #ffffff;
	padding: 8px 0 4px 10px;
	-webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.1);
	font-size: 14px;
}

.breaking-news {
	float: left;
}

.breaking-news div {
	display: none;
}

.breaking-news-latest {
	color: #555555;
	margin-right: 0;
	position: relative;
	margin-top: 0px;
	vertical-align: top;
}

/* The HTML list gets replaced with a single div,
   which contains the active ticker item, so you
   can easily style that as well */
.breaking-news div {
	display: inline-block;
	word-wrap: break-word;
}

.date-in-header {
	float: left;
	color: #555555;
	font-size: 14px;
	padding-right: 15px;
}

.newsticker {
	display: inline-block;
	padding-left: 0;
	overflow: hidden;
	height: 20px;
}

.author-box {
	width: 100%;
	display: inline-block;
	padding: 10px;
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
	margin-bottom: 25px;
}

.author-img img {
	margin-right: 15px;
}

.author-name {
	padding-bottom: 10px;
	font-size: 20px;
}

/* Related Posts */
.related-posts-main-title .fa {
	color: #289dcc;
}

.related-posts-main-title span {
	font-size: 26px;
	padding-left: 10px;
}

.single-related-posts {
	width: 32.5%;
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
	margin-right: 1.25%;
	float: left;
	margin-bottom: 25px;
}

.single-related-posts img {
	margin-bottom: 0;
}

.related-posts .single-related-posts:nth-child(3n+3) {
	margin-right: 0;
}

.single-related-posts .article-content {
	padding: 0 10px 5px;
}

.single-related-posts .byline {
	display: none;
}

.single-related-posts .article-content .entry-title {
	padding: 10px 0 0;
	font-size: 18px;
}

.single-related-posts .article-content .entry-title a {
	color: #3e3e72;
	text-shadow: none;
}

.single-related-posts .article-content .entry-title a:hover {
	color: #289dcc;
}

.single-related-posts .article-content .below-entry-meta .posted-on,
.single-related-posts .article-content .below-entry-meta .byline {
	padding-right: 10px;
}

.single-related-posts .article-content .below-entry-meta .posted-on .fa {
	color: #888888;
	font-size: 10px;
	padding-right: 3px;
}

.single-related-posts .article-content .below-entry-meta .byline .fa,
.single-related-posts .article-content .below-entry-meta .comments .fa {
	color: #888888;
	padding-right: 5px;
	font-size: 11px;
}

.single-related-posts .article-content .below-entry-meta .posted-on a,
.single-related-posts .article-content .below-entry-meta .byline a,
.single-related-posts .article-content .below-entry-meta .comments a {
	font-size: 12px;
}

/* Sharing Section */
.share-buttons {
	display: inline-block;
}

.box {
	border: 1px solid #eaeaea;
	border-radius: 3px;
	display: inline-block;
}

.count {
	background: none repeat scroll 0 0 #f2f2f2;
	color: #289dcc;
	float: right;
	font-size: 22px;
	padding: 0 16px;
}

.share {
	float: left;
}

#twitter, #facebook, #googleplus, #pinterest {
	float: left;
	padding-right: 20px;
}

.share .fa {
	display: block;
	font-size: 30px;
	line-height: 35px;
	padding: 0 15px;
}

.share .fa-twitter {
	color: #55acee;
}

.share .fa-facebook-square {
	color: #3b5998;
}

.share .fa-google-plus-square {
	color: #dd4b39;
}

.share .fa-pinterest {
	color: #cc2127;
}

.advertisement_125x125 img {
	margin-bottom: 8px;
	padding: 0 2px;
}

.advertisement_300x250 img {
	margin: 0 auto;
	display: block;
}

#header-right-section .advertisement_728x90 {
	margin-bottom: 0;
	padding: 0;
}

.advertisement_728x90 {
	padding: 15px 0 45px;
	display: block;
}

#header-right-section .advertisement_728x90 img {
	padding: 0;
}

.advertisement_728x90 img {
	margin-bottom: 0;
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
	padding: 10px;
	display: block;
	margin: 0 auto;
}

.advertisement-content {
	text-align: center;
}

.advertisement_below_post_title {
	float: left;
	width: 300px;
	margin-right: 10px;
}

.post .featured-image {
	text-align: center;
}

#site-navigation {
	z-index: 999;
}

/* Gallery Post Format */
/* = Page Template CSS
----------------------------------------------- */
.page-template-page-builder #primary {
	float: none;
	width: 100%;
}

/*--------------------------------------------------------------
Responsive Structure
--------------------------------------------------------------*/
@media screen and (max-width: 1200px) {
	.no-sidebar-full-width .alignwide {
		margin-left: -10px;
		margin-right: -10px;
	}
}

@media screen and (max-width: 1190px) {
	#page {
		width: 97%;
	}
	.wide #page {
		width: 100%;
	}
	.inner-wrap {
		width: 100%;
	}
}

@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;
		padding: 0 7px;
		background-color: #1b7aa0;
	}
	.sub-toggle .fa {
		color: #ffffff;
	}
	.sub-toggle.active .fa {
		color: #1b7aa0;
	}
}

@media screen and (max-width: 767px) {
	.no-sidebar-full-width.box-layout .alignwide,
	.no-sidebar.box-layout .alignwide {
		margin-left: -20px;
		margin-right: -20px;
	}
}

@media screen and (max-width: 600px) {
	.logged-in #masthead #site-navigation {
		top: 0 !important;
	}
	.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 .status-publish:first-child,
	.search .status-publish:nth-child(2n),
	.search .status-publish: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%;
	}
	.no-sidebar-full-width .alignwide,
	.no-sidebar .alignwide {
		margin-left: 0;
		margin-right: 0;
	}
	.no-sidebar-full-width.box-layout .alignwide,
	.no-sidebar.box-layout .alignwide {
		margin-left: 0;
		margin-right: 0;
	}
}

@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) {
	
	#main {
	padding-top: 0px!important;}
	
	.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%;
}

video#wp-custom-header-video {
	display: block;
	margin: 0 auto;
	overflow: hidden;
	max-width: 100%;
	height: auto;
}

.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';
}

#masthead {
	/*--------------------------------------------------------------
	Clean Layout
	--------------------------------------------------------------*/
	/*--------------------------------------------------------------
	classic Layout
	--------------------------------------------------------------*/
	position:relative; /*ata*/
}

#masthead .main-small-navigation ul.menu-scrollbar {
	overflow-y: scroll;
	width: 100%;
}

#masthead .main-small-navigation li:hover > a, #masthead .main-small-navigation li.current-page-ancestor > a, #masthead .main-small-navigation li.current-menu-ancestor > a, #masthead .main-small-navigation li.current-page-item > a, #masthead .main-small-navigation li.current-menu-item > a {
	color: #fff;
	background-color: #289dcc;
}

#masthead.colormag-header-clean .date-in-header {
	padding-right: 20px;
}

#masthead.colormag-header-clean .news-bar {
	padding: 8px 0;
}

#masthead.colormag-header-clean .breaking-news {
	float: left;
}

#masthead.colormag-header-clean .breaking-news .breaking-news-latest {
	background: #212529;
	padding: 0 10px;
	display: inline-block;
	vertical-align: top;
	color: #fff;
	font-weight: 400;
}

#masthead.colormag-header-clean .breaking-news .newsticker {
	padding-left: 10px;
	text-align: left;
	position: relative;
}

#masthead.colormag-header-clean .breaking-news .newsticker a {
	color: #555555;
}

#masthead.colormag-header-clean .breaking-news .newsticker a:hover {
	color: #289dcc;
}

#masthead.colormag-header-clean .social-links i.fa {
	color: #495057;
	transition: color 0.35s;
	font-size: 16px;
	padding: 0 6px;
}

#masthead.colormag-header-clean .social-links li:hover i.fa {
	color: #289dcc;
}

#masthead.colormag-header-clean #header-text-nav-wrap {
	padding: 30px 0;
}

#masthead.colormag-header-clean .home-icon .fa {
	font-size: 21px;
}

#masthead.colormag-header-clean #site-navigation {
	box-shadow: 0 0 0 rgba(0, 0, 0, 0) inset;
	position: relative;
	background-color: transparent;
	border-top: 0 solid transparent;
	z-index: 999;
}

#masthead.colormag-header-clean #site-navigation .inner-wrap {
	background-color: #212529;
}

#masthead.colormag-header-clean #site-navigation .fa.search-top {
	padding: 20px;
	line-height: 26px;
	position: relative;
	float: right;
	right: 0;
}

#masthead.colormag-header-clean #site-navigation .random-post {
	position: relative;
	float: right;
}

#masthead.colormag-header-clean #site-navigation .search-form-top {
	top: 100%;
}

#masthead.colormag-header-clean #site-navigation .menu-toggle {
	line-height: 26px;
}

#masthead.colormag-header-clean #site-navigation .menu-toggle::before {
	padding: 20px;
}

#masthead.colormag-header-clean .main-navigation a {
	font-weight: 500;
	padding: 20px;
	line-height: 26px;
}

#masthead.colormag-header-clean .main-navigation ul li ul {
	top: 100%;
}

#masthead.colormag-header-clean .main-navigation ul li ul li a {
	width: auto;
	padding: 10px 15px;
}

#masthead.colormag-header-clean .main-navigation ul li ul li ul {
	top: 0;
}

#masthead.colormag-header-clean .main-navigation ul li.focus > ul {
	display: block;
	visibility: visible;
	opacity: 1;
}

#masthead.colormag-header-clean .main-small-navigation .menu-primary-container,
#masthead.colormag-header-clean .main-small-navigation .nav-menu,
#masthead.colormag-header-clean .main-small-navigation .menu {
	padding-top: 0;
	padding-top: 0;
	position: absolute;
	top: 100%;
	width: 100%;
}

#masthead.colormag-header-clean .main-small-navigation .random-post {
	line-height: 26px;
}

#masthead.colormag-header-clean .main-small-navigation .random-post a {
	padding: 20px;
}

#masthead.colormag-header-classic .date-in-header {
	padding-right: 20px;
}

#masthead.colormag-header-classic .news-bar {
	padding: 8px 0;
}

#masthead.colormag-header-classic .breaking-news {
	float: left;
}

#masthead.colormag-header-classic .breaking-news .breaking-news-latest {
	background: #212529;
	padding: 0 10px;
	color: #fff;
	font-weight: 400;
	display: inline-block;
	vertical-align: top;
}

#masthead.colormag-header-classic .breaking-news .newsticker {
	padding-left: 10px;
	position: relative;
	text-align: left;
}

#masthead.colormag-header-classic .breaking-news .newsticker a {
	color: #555555;
}

#masthead.colormag-header-classic .breaking-news .newsticker a:hover {
	color: #289dcc;
}

#masthead.colormag-header-classic .social-links i.fa {
	color: #495057;
	transition: color 0.35s;
	font-size: 16px;
	padding: 0 6px;
}

#masthead.colormag-header-classic .social-links li:hover i.fa {
	color: #289dcc;
}

#masthead.colormag-header-classic #header-text-nav-wrap {
	padding: 30px 0 20px;
}

#masthead.colormag-header-classic #header-text-nav-wrap #header-right-section {
	display: none;
}

#masthead.colormag-header-classic #header-text-nav-wrap #header-left-section {
	float: none;
	text-align: center;
}

#masthead.colormag-header-classic #header-text-nav-wrap #header-left-section #header-logo-image,
#masthead.colormag-header-classic #header-text-nav-wrap #header-left-section #header-text {
	float: none;
	padding-right: 0;
}

#masthead.colormag-header-classic #site-navigation {
	box-shadow: 0 0 0 rgba(0, 0, 0, 0) inset;
	position: relative;
	background-color: transparent;
	border-top: 0 solid transparent;
	z-index: 999;
}

#masthead.colormag-header-classic #site-navigation .inner-wrap {
	background-color: transparent;
}

#masthead.colormag-header-classic #site-navigation .fa.search-top {
	color: #343a40;
	float: right;
	font-size: 16px;
	padding: 15px;
}

#masthead.colormag-header-classic #site-navigation .fa.search-top:hover {
	background: transparent;
	color: #289dcc;
}

#masthead.colormag-header-classic #site-navigation .menu-toggle {
	line-height: 26px;
	border: 1px solid #343a40;
}

#masthead.colormag-header-classic #site-navigation .menu-toggle::before {
	padding: 20px;
	color: #343a40;
}

#masthead.colormag-header-classic #site-navigation .menu-toggle:hover {
	border-color: #289dcc;
}

#masthead.colormag-header-classic #site-navigation .menu-toggle:hover::before {
	color: #fff;
}

#masthead.colormag-header-classic .main-navigation a {
	font-weight: 700;
	padding: 10px 15px;
	line-height: 26px;
	color: #343a40;
}

#masthead.colormag-header-classic .main-navigation a::after {
	color: inherit;
}

#masthead.colormag-header-classic .main-navigation a:hover {
	background-color: transparent;
}

#masthead.colormag-header-classic .main-navigation ul li a {
	background-color: transparent;
}

#masthead.colormag-header-classic .main-navigation ul > li {
	float: none;
	display: inline-block;
	vertical-align: top;
}

#masthead.colormag-header-classic .main-navigation ul > li > a {
	border-bottom: 2px solid transparent;
	transition: border 0.5s ease;
}

#masthead.colormag-header-classic .main-navigation ul > li:hover > a, #masthead.colormag-header-classic .main-navigation ul > li.current-menu-item > a, #masthead.colormag-header-classic .main-navigation ul > li.current-menu-ancestor > a {
	background-color: transparent;
	border-bottom: 2px solid #289dcc;
}

#masthead.colormag-header-classic .main-navigation ul li.focus > a {
	border-color: #289dcc;
}

#masthead.colormag-header-classic .main-navigation ul li.focus > ul {
	opacity: 1;
	visibility: visible;
}

#masthead.colormag-header-classic .main-navigation ul ul.sub-menu {
	top: 100%;
	background-color: #f8f8f8;
	transition: all 0.3s ease;
	display: block;
	opacity: 0;
	visibility: hidden;
	border: 1px solid #eaeaea;
}

#masthead.colormag-header-classic .main-navigation ul ul.sub-menu li {
	border-bottom: 1px solid #eaeaea;
	display: block;
}

#masthead.colormag-header-classic .main-navigation ul ul.sub-menu li a {
	width: auto;
	padding: 10px 15px;
	transition: all 0.5s ease;
	border-bottom: none transparent;
}

#masthead.colormag-header-classic .main-navigation ul ul.sub-menu li:hover, #masthead.colormag-header-classic .main-navigation ul ul.sub-menu li.current-menu-ancestor, #masthead.colormag-header-classic .main-navigation ul ul.sub-menu li.current-menu-item, #masthead.colormag-header-classic .main-navigation ul ul.sub-menu li.focus {
	border-color: #289dcc;
	background-color: transparent;
}

#masthead.colormag-header-classic .main-navigation ul ul.sub-menu li:hover > a, #masthead.colormag-header-classic .main-navigation ul ul.sub-menu li.current-menu-ancestor > a, #masthead.colormag-header-classic .main-navigation ul ul.sub-menu li.current-menu-item > a, #masthead.colormag-header-classic .main-navigation ul ul.sub-menu li.focus > a {
	color: #fff;
	background-color: #289dcc;
}

#masthead.colormag-header-classic .main-navigation ul ul.sub-menu li:last-child {
	border-bottom: none transparent;
}

#masthead.colormag-header-classic .main-navigation ul ul.sub-menu li ul {
	top: 0;
	transition: none;
}

#masthead.colormag-header-classic .main-navigation ul li.menu-item-has-children:hover > ul.sub-menu {
	opacity: 1;
	visibility: visible;
}

#masthead.colormag-header-classic .main-navigation .random-post a {
	font-size: 14px;
	padding: 10px 15px;
	color: #343a40;
}

#masthead.colormag-header-classic .main-navigation .random-post a:hover {
	background: transparent;
}

#masthead.colormag-header-classic .main-navigation .random-post a:hover .fa-random {
	color: #289dcc;
}

#masthead.colormag-header-classic .main-navigation .random-post a .fa-random {
	color: #343a40;
}

#masthead.colormag-header-classic .main-navigation .home-icon {
	background: none;
}

#masthead.colormag-header-classic .main-navigation .home-icon a {
	padding: 10px 15px;
}

#masthead.colormag-header-classic .main-navigation .home-icon a:hover .fa {
	color: #289dcc;
}

#masthead.colormag-header-classic .main-navigation .home-icon .fa {
	color: #343a40;
}

#masthead.colormag-header-classic .main-small-navigation .menu-primary-container,
#masthead.colormag-header-classic .main-small-navigation .nav-menu {
	padding-top: 0;
	padding-top: 0;
	position: absolute;
	top: 100%;
	width: 100%;
	box-shadow: 0 1px 11px rgba(0, 0, 0, 0.2);
}

#masthead.colormag-header-classic .main-small-navigation .random-post {
	bottom: 0;
}

#masthead.colormag-header-classic .main-small-navigation .random-post a {
	font-size: 14px;
	padding: 12px 15px;
	color: #343a40;
}

#masthead.colormag-header-classic .main-small-navigation .random-post a .fa-random {
	color: #343a40;
}

#masthead.colormag-header-classic .main-small-navigation .random-post a:hover {
	background: transparent;
}

#masthead.colormag-header-classic .main-small-navigation .random-post a:hover .fa-random {
	color: #289dcc;
}

#masthead.colormag-header-classic .main-small-navigation .menu-toggle {
	background-color: #289dcc;
	border-color: #289dcc;
}

#masthead.colormag-header-classic .main-small-navigation .menu-toggle::before {
	color: #fff;
}

#masthead.colormag-header-classic .is-sticky #site-navigation {
	background-color: #fff;
	box-shadow: 0 5px 6px rgba(0, 0, 0, 0.1);
}

@media screen and (max-width: 768px) {
	#main {
	padding-top: 0px!important;}
	
	.better-responsive-menu .main-small-navigation .menu-primary-container {
		padding-bottom: 20px;
	}
	#masthead .main-small-navigation li:hover > .sub-toggle, #masthead .main-small-navigation li.current-page-ancestor > .sub-toggle, #masthead .main-small-navigation li.current-menu-ancestor > .sub-toggle, #masthead .main-small-navigation li.current-page-item > .sub-toggle, #masthead .main-small-navigation li.current-menu-item > .sub-toggle {
		background-color: #fff;
	}
	#masthead .main-small-navigation li:hover > .sub-toggle i, #masthead .main-small-navigation li.current-page-ancestor > .sub-toggle i, #masthead .main-small-navigation li.current-menu-ancestor > .sub-toggle i, #masthead .main-small-navigation li.current-page-item > .sub-toggle i, #masthead .main-small-navigation li.current-menu-item > .sub-toggle i {
		color: #289dcc;
	}
	#masthead.colormag-header-clean #menu-primary {
		background-color: #ffffff;
	}
	#masthead.colormag-header-clean .date-in-header,
	#masthead.colormag-header-clean .social-links {
		float: none;
		text-align: center;
	}
	#masthead.colormag-header-clean .breaking-news {
		width: 100%;
		float: none;
		margin-bottom: 5px;
		text-align: center;
	}
	#masthead.colormag-header-clean #header-text-nav-wrap {
		padding: 0 0 20px;
	}
	#masthead.colormag-header-clean #header-left-section,
	#masthead.colormag-header-clean #header-logo-image {
		margin-bottom: 0;
	}
	#masthead.colormag-header-clean #site-navigation .random-post a {
		padding: 20px;
	}
	#masthead.colormag-header-clean #site-navigation .menu-toggle::before,
	#masthead.colormag-header-clean #site-navigation .fa.search-top {
		padding: 20px;
	}
	#masthead.colormag-header-clean .main-small-navigation .home-icon a {
		padding: 20px;
	}
	#masthead.colormag-header-clean .main-small-navigation .menu-toggle {
		background-color: #289dcc;
	}
	#masthead.colormag-header-clean .main-small-navigation .random-post a {
		padding: 15px;
	}
	#masthead.colormag-header-classic #menu-primary {
		background-color: #ffffff;
	}
	#masthead.colormag-header-classic .date-in-header,
	#masthead.colormag-header-classic .breaking-news,
	#masthead.colormag-header-classic .social-links {
		width: 100%;
		float: none;
		text-align: center;
	}
	#masthead.colormag-header-classic #header-text-nav-wrap {
		padding: 0;
	}
	#masthead.colormag-header-classic #header-left-section,
	#masthead.colormag-header-classic #header-logo-image {
		margin-bottom: 0;
	}
	#masthead.colormag-header-classic .main-small-navigation .menu-toggle {
		background-color: #289dcc;
		border-color: #289dcc;
	}
	#masthead.colormag-header-classic .main-small-navigation .random-post a {
		padding: 15px;
	}
	#masthead.colormag-header-classic #site-navigation .random-post a {
		padding: 15px;
	}
	#masthead.colormag-header-classic #site-navigation .menu-toggle::before,
	#masthead.colormag-header-classic #site-navigation .fa.search-top {
		padding: 15px;
		line-height: 26px;
	}
	#masthead.colormag-header-classic #site-navigation .home-icon a {
		padding: 15px;
		line-height: 26px;
	}
	.breaking-news {
		height: auto;
	}
}

@media screen and (max-width: 480px) {
	
	#main {
	padding-top: 0px!important;}
	
	.better-responsive-menu .main-small-navigation .menu-primary-container {
		padding-bottom: 15px;
	}
	#masthead.colormag-header-classic .date-in-header, #masthead.colormag-header-clean .date-in-header {
		display: none;
	}
	#masthead.colormag-header-classic .breaking-news .breaking-news-latest, #masthead.colormag-header-clean .breaking-news .breaking-news-latest {
		padding: 0 5px;
	}
	#masthead.colormag-header-classic .breaking-news .newsticker, #masthead.colormag-header-clean .breaking-news .newsticker {
		padding-left: 0;
	}
}

/*--------------------------------------------------------------
Classic Layout
--------------------------------------------------------------*/
.colormag-footer--classic .footer-widgets-area .widget-title {
	border-bottom: 0 none;
}

.colormag-footer--classic .footer-widgets-area .widget-title span {
	background-color: transparent !important;
	padding: 0 0 6px;
	position: relative;
}

.colormag-footer--classic .footer-widgets-area .widget-title span::before {
	position: absolute;
	display: block;
	bottom: -1px;
	content: ' ';
	left: 0;
	width: 25px;
	height: 2px;
	background-color: #289dcc;
}

.colormag-footer--classic .footer-socket-wrapper {
	background-color: #252730;
}




#header-text-nav-wrap {
    padding: 0!important;
}

#importantnews { background-color: #3e3e72; color:white; padding:2px 5px 2px 20px; width:30%; min-width:200px;}

figure.slider-featured-image {max-height:350px; text-align:left!important; border-top:4px solid #3e3e72}

figure.slider-featured-image img {width:100%;}
.widget_slider_area_rotate div.slide-content div.below-entry-meta {position:absolute; top:0; right:0; padding:0;}

.widget_slider_area_rotate div.slide-content div.above-entry-meta {display:none}

div.article-container {margin-top:10px;}

.widget_slider_area_rotate div.slide-content {padding-top:10px;}
.widget_slider_area_rotate div.slide-content a:link {color:#ebcc33 !important}
.widget_slider_area_rotate div.slide-content a:visited {color:#ebcc33 !important}

.blog .post:first-child div.featured-image {max-height:250px; }
.blog .post:first-child div.featured-image img {width:100%;max-height:250px; }

 



#newsheaderata, #newsata {background-color:#6d6d6d;}
#newsheaderata {width:30%; max-width:250px; font-size:1.5rem;padding:0 0 10px 5%; margin-top:10px; color:white; font-weight:bold;}
div#newsata	h3.entry-title  {margin:0px 0 0 20px; padding:10px 0 0 0;}
div#newsata	h3.entry-title  a:link, div#newsata	h3.entry-title  a:visited {color:#ebcc33!important;}
div#newsata span.posted-on {font-size:12px; padding-right:20px; float:right;}

div#newsata {text-align:left; padding:0 0 20px 0; position:relative;}

div#newsata .leftborder {border-left:6px solid #fff; margin-left:2%;  }

div.excerptata {padding:0 0 0 3%; color:#fff; font-style:italic;}

 div.excerptata p {display:inline;}

 div#newsata div.below-entry-meta {position:absolute; top:0; right:0; padding:0;}
 div#newsata div.below-entry-meta a:link, div#newsata div.below-entry-meta a:visited, div.excerptata a:link, div.excerptata a:visited {
color:#fff;}

article.page {padding:20px;}


.widget_highlighted_posts .first-articleata {
	position: relative;
	float: none;
	margin-bottom: 10px;
	margin-right: 0;
	max-width: 100%;
	max-height:250px;
}

div.news-bar {position:absolute; top:0; right:0; z-index:100; background-color:rgba(255,255,255,0.7)}
header#masthead {position:relative;} 


.first-articleata figure.highlights-featured-image {height: 250px;max-height:250px; text-align:left!important; background-size:cover;}

.first-articleata  figure.highlights-featured-image img {width:100%; max-height:250px; }

div.article-content-mainata {background-color:#3e3e72!important;}


div.article-content-mainata a:link,div.article-content-mainata a:visited {color:#fff!important }

#secondary  aside {background-color: #3e3e72 !important; color:#fff  !important;} 

#secondary  aside a:link {color:#fff!important;}     
#secondary  aside a:visited {color:#aaa!important;}                  
  aside a:hover {background-color:#3e3e72!important;}         
.widget_nav_menu ul.menu {padding-left:20px;}   

footer#colophon {margin:0; padding:0;}
.footer-widgets-area {padding:0;}

.footer-socket-wrapper {background:#696969!important;;}
.footer-widgets-wrapper {background:#696969!important;;}

h3.widget-title {background:#fff!important;; border:0!important;;}

.footer-widgets-area .widget-title span {background:#696969!important;border:0!important;}

div.sponsors p {margin:0 0 10px 0; padding:0;line-height:1.2;}
div.sponsors img {margin-bottom:0; }
div.whitebg {background-color:white!important;}
div.sponsors {overflow:auto}

#main {padding-top:20px;}

footer aside {padding-left:10px; color:#fff!important} 

footer  a:link {color:#fff!important;}     
footer  a:visited {color:#aaa!important;}                  
footer  a:hover {background-color:#3e3e72!important;} 

.footer-widgets-area p,  .footer-widgets-area a:link, .footer-widgets-area a:visited {color:#fff!important}


div.textwidget {padding:10px 10px 0px 10px;}

.map-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.map-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}


li { font-family: 'Titillium Web', sans-serif;}

table.progtable {font-size:90%; overflow-x:auto; border:2px solid black!important; border-collapse:collapse;}
table.progtable th:nth-child(1) {background-color: #888; color:white;width:80px}
table.progtable th:nth-child(2) {background-color: #888; color:white;border-right:2px solid black;width:80px;}
table.progtable th:nth-child(3) {background-color: #25a200; color:white;width:180px;}
table.progtable th:nth-child(4) {background-color: #3e3e72; color:white;width:180px;}

table.progtable td:nth-child(2) {border-right:2px solid black;}
table.progtable tr td {height:15px!important; padding:2px!important; line-height:15px!important;}
table.progtable tr td div {margin:0;padding:0;}

table.part {width:100%}
table.part td {vertical-align:top; text-align:left;}
table.part th:nth-child(1) {width:70px;}
table.part th:nth-child(2) {width:70px;}
table.part th:nth-child(3) {width:600px;}
table.part td:nth-child(2) { font-weight:bold;}
table.part td ul {margin:5px 0;}
table.part td p {margin:5px 0;}

table.part th {font-size:1.1em;}
table.part img {max-width:70px!important;}


.ls_container h3 {display:none}

div.olderpostata {text-align:right; margin:10px 50px 10px 10px;}

div.sbi_header_text h3 {color:white !important;}

table.countdownceoi {border:0!important; margin:0 0 0 10px;}
table.countdownceoi td {text-align:center;border:0!important}

div.sponsors table td {text-align:center;border:0!important; valign:top}

#secondary  aside div.sponsors table td {color:black !important}
#secondary  aside div.sponsors table td a {color:#3e3e72 !important}
#secondary  aside div.sponsors table td a:link {color:#3e3e72 !important}
#secondary  aside div.sponsors table td a:visited {color:#3e3e72 !important}
#secondary  aside div.sponsors table td a:hover {background-color:#ccc!important; color:#3e3e72 !important}

#secondary  aside div.whitebg a:hover {background-color:white!important;}


ul.sub-menu li a {padding:5px 10px!important; border-bottom:1px dotted gray!important;}
ul.sub-menu li a:hover {background-color:#25a200!important}
ul#menu-mainmenu > li a:hover {background-color:#25a200!important}


div.simcal-calendar  {background-color:white!important;}


div.simcal-event-details {line-height:auto!important;}

span.simcal-event-start-date {position: absolute; left:-99999px; }

span.simcal-event-start-time {display:inline-block; width:50px;}
span.simcal-event-end-time {display:inline-block; width:50px;}


article.calendar div.article-content header.entry-header {background-color:none!important; }

article.calendar h1 {font-size:2rem; margin:0 0 0 20px;}



#contsched dt.simcal-day-label span {background: #25a200!important; border-color:#25a200;}
#contsched dt.simcal-day-label  {border-color:#25a200;}


#leadersched dt.simcal-day-label span {background: #3e3e72!important; border-color:#3e3e72;}
#leadersched dt.simcal-day-label  {border-color:#3e3e72;}



table#schmain {border-collapse: collapse; max-width: 640px;}
table#schmain td {padding:0; text-align:center; font-weight:bold; font-size:120%;}
table#schmain td img {padding:0; margin:0 0 5px 0;}


ul.simcal-events {margin:0!important; padding:0!important}
div.simcal-calendar-list dd {margin-left:0!important}

.textDiv_Days h4,.textDiv_Hours h4,.textDiv_Minutes h4 {color:white!important}

.widget.shailan_CountdownWidget {background-color:#3e3e72!important; margin-bottom:0!important;padding-bottom:0!important;}
.widget.shailan_CountdownWidget small {display:none}

div.remtime {text-align:center; font-weight:bold; font-size:90%; margin-top:5px;}

.archive #content span.cat-links {display:none!important}

.archive h2.entry-title {font-size:120%!important; margin-bottom:10px;}

.archive div.entry-content {display:none!important}

.archive .article-content {
	background-color: #3e3e72!important;
	border-radius: 3px!important;
	color: #ffffff!important;
	font-size: 12px!important;
	padding: 3px 10px!important;
	}

.archive .article-content .entry-title {
	padding: 10px 0 0!important;
	font-size: 130%!important;
}

.archive .article-content  a {
	color: #fff!important;
	text-shadow: none!important;
}




div.advertisement_above_footer {padding-bottom:20px!important; background:white!important;}

div.advertisement_above_footer h3.widget-title {margin-bottom:0!important}

div.footer-socket-wrapper {padding:0!important;display:none!important}

div.column2 {column-count:2; column-gap:20px; padding-bottom:50px;}
div.boxes {clear: both; margin-bottom: 20px; padding:10px; overflow: hidden; border:1px dotted gray;break-inside: avoid;}
div.boxes:nth-child(2n) {background-color:#eee; transform:rotate(1deg);}
div.boxes:nth-child(2n+1) {transform:rotate(-1deg);}
div.boxes img {margin-right:10px;}


@media screen and (max-width:600px){
span.titleloc {display:block;text-indent:0px; padding-left:10px;} 
}

@media screen and (max-width:800px){
div.column2 {column-count:1!important;}
}



/******************************************************************************\
|                                                                              |
|                                   Scoreboard                                 |
|                                   ----------                                 |
\******************************************************************************/


#Scoreboard {
    max-width: 760px;
    width:100%;
    table-layout: auto;
    overflow:overflow-x;
	font-size:80%;
	color:black!important;
    
}


#Scoreboard_head2 tr th {
    background-color: #ECECEF;
    border: 1px black solid;
    border-radius: 0px;
    box-shadow: 0 0 2px 0 #D2D2D4 inset;
    vertical-align: bottom;

    overflow: auto;
    white-space: nowrap;
    
    }

    #Scoreboard_head2 tr th.nobord {
        border: none;
        background:none;
        box-shadow: none;
    }

#Scoreboard_body tr td.team {
    vertical-align: middle;
}

#Scoreboard_body tr td.team img {
    display: block;
    max-width: 40px;
    max-height: 20px;
    margin: 0 auto;
    box-shadow: 0 0 2px 0 gray;
}

#Scoreboard_head tr th,
#Scoreboard_body tr td {
    text-align: left;
	vertical-align:middle;
}

#Scoreboard_body tr td.team {
    text-align: center;
}

#Scoreboard_body tr td.f_name,
#Scoreboard_body tr td.l_name {
    text-align: left;
    padding: 0 0.5em;
    /*cursor: pointer;*/
}

#Scoreboard_head tr th.sel {
    background-image: url('img/tick_black.png');
    background-repeat: no-repeat;
    background-position: center;
}

#Scoreboard_head tr th.score {
    /*cursor: pointer;*/
}

/*
#Scoreboard_body tr:hover td.f_name,
#Scoreboard_body tr:hover td.l_name,
#Scoreboard_body tr:hover td.team {
    background-color: rgba(200,200,200,0.35);
    border-radius: 5px;
} */

#Scoreboard_body tr.selected td.f_name,
#Scoreboard_body tr.selected td.l_name {
    font-weight: bold;
}

/* What follows is the CSS needed to manage the "checkboxes" in the Scoreboard,
   used to select users. We're simulating checkboxes using table cells, so we
   have to define their appearence in "normal" status as well as during user
   interaction. We did this so we can be more flexible on the style: we need
   to be able to set the background color of the checkbox and to make them a
   little bigger so that the color can be seen better.

   We use eight colors, taken from the Tango Palette:
   http://tango.freedesktop.org/Tango_Icon_Theme_Guidelines#Color_Palette
 */



#Scoreboard_body tr.selected td.sel {
    background: url('img/tick_white.png') no-repeat center transparent;
    border: 1px solid rgba(0,0,0,0.2);
    border-radius: 0px;
    opacity: 1;
}


#Scoreboard_body tr td.score {
	border-radius: 0px;
	text-align:center;
}

#Scoreboard_body tr td.rank {text-align: center;}


#Scoreboard_body tr:hover td.score,
#Scoreboard_body tr.selected td.score,
#Scoreboard_body tr td.score.sort_key {
    opacity: 1;
}


#Scoreboard abbr {
	border-bottom: none !important;
	cursor: inherit !important;
	text-decoration: none !important;
	line-height: 12px;
  }


  #Scoreboard abbr span {
	display: block!important;
	margin: 0 0 0 0!important;
	padding:0!important;
 }



#Scoreboard tr.gold td {background-color:gold!important;}
#Scoreboard tr.silver td {background-color:silver!important;}
#Scoreboard tr.bronze td {background-color:#cd9257!important;}



/*#Scoreboard_head2 tr th.rot90  {padding:0; height:150px;}

#Scoreboard_head2 tr th.rot90 abbr  {
   display:block;
   transform:rotate(-90deg);
   text-align:left;
   padding:0;
   margin:0;
   position:static;
   margin-top:40px;
   bottom:-80px;
   left:0px;
   vertical-align: bottom;
   border:1px solid red;
    
}*/



#Scoreboard td, #Scoreboard th {padding:5px; margin:0;}

#Scoreboard th {text-align:center;}


#Scoreboard td.team {padding:2px;}

#Scoreboard tr.nomedal td {border:1px dotted gray;}

#Scoreboard th.taskcenter {text-align:center;}


@media 
only screen and (max-width: 700px) {
td.task {display:none;}
th.task {display:none;}

}