/*!
Theme Name: Colco NC Biz
Theme URI: http://underscores.me/
Author: Legion and Lewis
Author URI: http://LegionandLewis.com
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: colconc-biz
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

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

Colco NC Biz is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

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

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {font-family: sans-serif;-webkit-text-size-adjust: 100%;-ms-text-size-adjust:100%;}
body {margin: 0;}

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

audio,canvas,progress,video {display: inline-block;vertical-align: baseline;}

audio:not([controls]) {display: none;height: 0;}

[hidden],template {display: none;}

a {	background-color: transparent;}

a:active,a:hover {outline: 0;}

abbr[title] {border-bottom: 1px dotted;}

b,strong {font-weight: bold;}

dfn {font-style: italic;}

h1 {font-size: 2em;margin: 0.67em 0;}

mark {background: #ff0;color: #000;}

small {font-size: 80%;}

sub,sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}

sup {top: -0.5em;}

sub {bottom: -0.25em;}

img {border: 0;}

svg:not(:root) {overflow: hidden;}

figure {margin: 1em 40px;}

hr {box-sizing: content-box;height: 0;}

pre {overflow: auto;}

code,kbd,pre,samp {font-family: monospace, monospace;font-size: 1em;}

button,input,optgroup,select,textarea {color: inherit;font: inherit;margin: 0;}

button {overflow: visible;}

button,select {text-transform: none;}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled],
html input[disabled] {
	cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input {line-height: normal;}

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

fieldset {border: 1px solid #c0c0c0;margin: 0 2px;padding: 0.35em 0.625em 0.75em;}

legend {border: 0;padding: 0;}

textarea {overflow: auto;}

optgroup {font-weight: bold;}

table {border-collapse: collapse;border-spacing: 0;}

td,th {padding: 0;vertical-align:top}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,button,input,select,textarea {
	color: #404040;
	font-family: sans-serif;
	font-size: 1rem;
	line-height: 1.5;
}

h1,h2,h3,h4,h5,h6 {clear: both;}

p {margin-bottom: 1.5em;}

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

blockquote {margin: 0 1.5em;}

address {margin: 0 0 1.5em;}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,kbd,tt,var {font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;font-size: 15px;font-size: 0.9375rem;}

abbr,acronym {border-bottom: 1px dotted #666;cursor: help;}

mark,ins {background: #fff9c0;text-decoration: none;}

big {font-size: 125%;}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {box-sizing: border-box;}

*,
*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}

body {background: #fff; /* Fallback for when there is no custom background color defined. */}

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

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

hr {background-color: #ccc;	border: 0;height: 1px;margin-bottom: 1.5em;}

ul,ol {margin: 0 0 0 0;}

ul {list-style: disc;}

ol {list-style: decimal;}

li > ul,li > ol {margin-bottom: 0;margin-left: 0;}

dt {font-weight: bold;}

dd {margin: 0 1.5em 1.5em;}

img {height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
}

figure { margin: 1em 0; /* Extra wide images within figure tags don't overflow the content area. */}

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

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 3px;
	background: #e6e6e6;
	color: rgba(0, 0, 0, .8);
	font-size: 12px;
	font-size: 0.75rem;
	line-height: 1;
	padding: .6em 1em .4em;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa;
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	border-color: #aaa #bbb #bbb;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 3px;
}

select {
	border: 1px solid #ccc;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #111;
}

textarea {
	width: 100%;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a,
a:visited,
a:hover,
a:focus,
a:active {outline: none; outline: 0; border:0; border-bottom:0; text-decoration:none}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation {clear: both;display: block;float: left;width: 100%;}

.main-navigation ul {display: none;list-style: none;margin: 0;padding-left: 0;}

.main-navigation li {float: left;position: relative;}

.main-navigation a {display: block;text-decoration: none;}

.main-navigation ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	float: left;
	position: absolute;
	top: 1.5em;
	left: -999em;
	z-index: 99999;
}

.main-navigation ul ul ul {left: -999em;top: 0;}

.main-navigation ul ul a {width: 200px;}

.main-navigation ul ul li {}

.main-navigation li:hover > a,
.main-navigation li.focus > a {
}

.main-navigation ul ul :hover > a,
.main-navigation ul ul .focus > a {
}

.main-navigation ul ul a:hover,
.main-navigation ul ul a.focus {
}

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

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

.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_ancestor > a,
.main-navigation .current-menu-ancestor > a {
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}

@media screen and (min-width: 37.5em) {
	.menu-toggle {
		display: none;
	}
	.main-navigation ul {
		display: block;
	}
}

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
	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;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	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. */
#content[tabindex="-1"]:focus {
	outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

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

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {margin: 0 0 1.5em;}

/* Make sure select elements fit in widgets. */
.widget select {max-width: 100%;}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/


/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {display: block;}
.hentry {margin: 0 0 1.5em;}
.byline,.updated:not(.published) {display: none;}
.single .byline,.group-blog .byline {display: inline;}
.page-content,.entry-content,.entry-summary {margin: 1.5em 0 0;}
.page-links {clear: both;margin: 0 0 1.5em;}

.post-theblog {color:#6d6d6d;font-size:1em;font-family: 'Tinos', serif;font-weight:600; }
.post-cats {color:#6d6d6d;font-size:1em;font-family: 'Tinos', serif;font-weight:600; }

.post-heading {color:#080808;font-size:2.45em;font-family: 'Tinos', serif;font-weight:600; line-height:0.95em}
.post-author-img img {border-radius:50%; border: 1px solid #cccccc}
.post-authorname {color:#469bad;font-size:1em;font-family: 'Tinos', serif;font-weight:600; line-height:0.95em; padding:0 0 5px 0; border-bottom:1px dashed #b7b7b7;display:inline}
.post-date {color:#6d6d6d;font-size:1em;font-family: 'Tinos', serif;font-weight:600; line-height:0.95em; padding:5px 0 0 0;}
.post-feat-img img {padding:50px 0 0 0; display:inline;}

.postpage-posttext{width:100%; max-width:800px; margin:0 auto; font-size:1.05em; line-height:1.5em; text-align:left}

@media only screen and (max-width: 750px) {
.post-heading {font-size:1.95em;}
	
.postpage-posttext{width:100%; max-width:800px; margin:0 auto; font-size:1.05em; line-height:1.5em}	
}	
	


/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {word-wrap: break-word;}

.bypostauthor {display: block;}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

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

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

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {margin-bottom: 1.5em;}
.gallery-item {display: inline-block;text-align: center;vertical-align: top;width: 100%;}
.gallery-columns-2 .gallery-item {max-width: 50%;}
.gallery-columns-3 .gallery-item {max-width: 33.33%;}
.gallery-columns-4 .gallery-item {max-width: 25%;}
.gallery-columns-5 .gallery-item {max-width: 20%;}
.gallery-columns-6 .gallery-item {max-width: 16.66%;}
.gallery-columns-7 .gallery-item {max-width: 14.28%;}
.gallery-columns-8 .gallery-item {max-width: 12.5%;}
.gallery-columns-9 .gallery-item {max-width: 11.11%;}
.gallery-caption {display: block;}


/*--------------------------------------------------------------
## Font Faces
--------------------------------------------------------------*/
@font-face {
    font-family: 'Gibson';
    font-weight: 300;
    font-style: normal;
    src: url('fonts/28A4C0_0_0.eot');
    src: url('fonts/28A4C0_0_0.eot?#iefix') format('embedded-opentype'),
         url('fonts/28A4C0_0_0.woff') format('woff'),
         url('fonts/28A4C0_0_0.ttf') format('truetype'),
         url('fonts/28A4C0_0_0.svg#wf') format('svg');
}


@font-face {
    font-family: 'Gibson';
    font-weight: 300;
    font-style: italic;
    src: url('fonts/28A4C0_1_0.eot');
    src: url('fonts//28A4C0_1_0.eot?#iefix') format('embedded-opentype'),
         url('fonts/28A4C0_1_0.woff') format('woff'),
         url('fonts/28A4C0_1_0.ttf') format('truetype'),
         url('fonts/28A4C0_1_0.svg#wf') format('svg');
}
@font-face {
    font-family: 'Gibson';
    font-weight: 500;
    font-style: normal;
    src: url('fonts/28A4C0_5_0.eot');
    src: url('fonts/28A4C0_5_0.eot?#iefix') format('embedded-opentype'),
         url('fonts/28A4C0_5_0.woff') format('woff'),
         url('fonts/28A4C0_5_0.ttf') format('truetype'),
         url('fonts/28A4C0_5_0.svg#wf') format('svg');
}
@font-face {
    font-family: 'Gibson';
    font-weight: 500;
    font-style: italic;
    src: url('fonts/28A4C0_7_0.eot');
    src: url('fonts/28A4C0_7_0.eot?#iefix') format('embedded-opentype'),
         url('fonts/28A4C0_7_0.woff') format('woff'),
         url('fonts/28A4C0_7_0.ttf') format('truetype'),
         url('fonts/28A4C0_7_0.svg#wf') format('svg');
}
@font-face {
    font-family: 'Gibson';
    font-weight: 700;
    font-style: normal;
    src: url('fonts/28A4C0_6_0.eot');
    src: url('fonts/28A4C0_6_0.eot?#iefix') format('embedded-opentype'),
         url('fonts/28A4C0_6_0.woff') format('woff'),
         url('fonts/28A4C0_6_0.ttf') format('truetype'),
         url('fonts/28A4C0_6_0.svg#wf') format('svg');
}

@font-face {
    font-family: 'GibsonBold';
    font-weight: 700;
    font-style: normal;
    src: url('fonts/28A4C0_4_0.eot?#iefix') format('embedded-opentype'),
         url('fonts/28A4C0_4_0.woff') format('woff'),
         url('fonts/28A4C0_4_0.ttf') format('truetype'),
         url('fonts/28A4C0_4_0.svg#wf') format('svg');
}
@font-face {
    font-family: 'GibsonBold';
    font-weight: 700;
    font-style: italic;
    src: url('fonts/28A4C0_2_0.eot');
    src: url('fonts/28A4C0_2_0.eot?#iefix') format('embedded-opentype'),
         url('fonts/28A4C0_2_0.woff') format('woff'),
         url('fonts/28A4C0_2_0.ttf') format('truetype'),
         url('fonts/28A4C0_2_0.svg#wf') format('svg');
}
@font-face {
    font-family: 'Gibson';
    font-weight: 700;
    font-style: italic;
    src: url('fonts/28A4C0_3_0.eot');
    src: url('fonts/28A4C0_3_0.eot?#iefix') format('embedded-opentype'),
         url('fonts/28A4C0_3_0.woff') format('woff'),
         url('fonts/28A4C0_3_0.ttf') format('truetype'),
         url('fonts/28A4C0_3_0.svg#wf') format('svg');
}
@font-face {
    font-family: 'Gibson';
    font-weight: 900;
    font-style: normal;
    src: url('fonts/28A4C0_4_0.eot');
    src: url('fonts/28A4C0_4_0.eot?#iefix') format('embedded-opentype'),
         url('fonts/28A4C0_4_0.woff') format('woff'),
         url('fonts/28A4C0_4_0.ttf') format('truetype'),
         url('fonts/28A4C0_4_0.svg#wf') format('svg');
}
@font-face {
    font-family: 'Gibson';
    font-weight: 900;
    font-style: italic;
    src: url('fonts/28A4C0_2_0.eot');
    src: url('fonts/28A4C0_2_0.eot?#iefix') format('embedded-opentype'),
         url('fonts/28A4C0_2_0.woff') format('woff'),
         url('fonts/28A4C0_2_0.ttf') format('truetype'),
         url('fonts/28A4C0_2_0.svg#wf') format('svg');
}


/*--------------------------------------------------------------
## MAIN LAYOUT
--------------------------------------------------------------*/
html, body {padding: 0;	margin: 0;overflow-x:hidden; -webkit-font-smoothing: antialiased !important; background:#f2f2f2}
body { padding: 0;	margin: 0;font : 100%/1.4 'Helvetica Neue', arial, helvetica, helve, sans-serif; background:#f2f2f2}

.header, .header-wrap{background:#ffffff;font-size: 16px;font-weight: 500;color: #ffffff;text-align: center;
	-moz-box-sizing: border-box;box-sizing: border-box; width: 100%; padding: 0 0px; position: fixed;top: 0;
	z-index:1000000000000000000000000000000;  margin:0 0 0 0;-webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 4px rgba(0,0,0,.2); -o-box-shadow: 0 1px 4px rgba(0,0,0,.2);
	box-shadow: 0 1px 4px rgba(0,0,0,.2);}
	
.header-content {max-width:1200px; margin:0 auto; text-align: center}

.header.fixed {	position: fixed; top: 0;}


#maincontent-container {padding:0; margin:0; width:100%; background:none}
.maincontent {padding:0; margin:0 auto; width: 1200px; background:none}

#footer-container {padding:0; margin:0; width:100%; background:none}
footer {padding:0; margin:0 auto; width: 1200px}

.content {padding:0 10px}
.advert-wrapper {padding:0 15px}

/* -----------------------  Header Menu One --------------------- */
ul.header-menu-one {list-style:none; text-align: right; padding:5px 25px; background:none;
 margin:0px auto 0 auto; display:table-cell; margin-right:0; margin-left:0}
ul.header-menu-one li {margin:0; border:0;display:table-cell;text-align:center; overflow:hidden;padding:5px 14px 0 14px;float:left;}
ul.header-menu-one li a, .header-menu-one-morelink {5text-transform:uppercase; font-weight:900; color:#080808;
border-bottom:3px solid #ffffff; font-size:1.75em; letter-spacing:2px;
 -webkit-transition:border-bottom 0.3s  ease;
    -moz-transition:border-bottom 0.3s  ease;
    -ms-transition:border-bottom  0.3s  ease;
     -o-transition:border-bottom  0.3s  ease;
        transition:border-bottom  0.3s  ease}


ul.header-menu-one li a:hover, .header-menu-one-morelink:hover {color:#575757;border-bottom: 3px solid #93bbc3}

ul.header-menu-one li::after {
    content: '';
    display: block;
    width: 0;
    height: 2px;
    background: #33a710;
    transition: width .3s;
}

ul.header-menu-one li:hover::after {
    width: 100%;
    transition: width .3s;
}





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


#maincontent-container {padding:0; margin:0; width:100%; }
.maincontent {padding:0; margin:0 auto; width: 100%}

#footer-container {padding:0; margin:0; width:100%}
footer {padding:0; margin:0 auto; width: 100%}
}

img {max-width: 100%;height: auto;}
.circle-img{border-radius:50%;}

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

.maincontent {padding:0; margin:0 auto; width: 97%}
.header-content {width: 97%; margin:0 auto;}	
footer {padding:0; margin:0 auto; width: 97%}
}


@media only screen and (max-width: 700px){
.header-content {width: 95%; margin:0 auto;}		
footer {padding:0; margin:0 auto; width: 95%}
}

body .tribe-events-calendar .tribe-events-tooltip { visibility:hidden; }




/*--------------------------------------------------------------
## HEADER LAYOUT
--------------------------------------------------------------*/

.header-container-1 {background:#484737; width:100%; position:fixed; top:0; z-index:10000000; text-align:left;
-webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2);-moz-box-shadow: 0 1px 4px rgba(0,0,0,.2);
-o-box-shadow: 0 1px 4px rgba(0,0,0,.2);box-shadow: 0 1px 4px rgba(0,0,0,.2);}
.logo-container {display:block; width:17%; float:left; padding:0; margin:10px 0 0 0; background:none; text-align:left}
.logo-container img {max-height:80px;}
.header-searchbar {display:block; width:30.5%; float:left; padding:0; margin:12px 0 0 0; background:none}
.mainnavlinks-container {display:block; width:75.5%; float:right; padding:0; margin:20px 0 0 0; background:none;font-family: 'Open Sans Condensed', sans-serif; font-weight:bold; text-align:right; background:none}
.mainnavicons-container img {height:46px; margin-top:-10px}
.mobile-nac-icon-container {display: none;}
.mobile-nac-icon-container img {height:35px; margin:0 5px -10px 0}


@media only screen and (max-width: 1125px){
.logo-container {display:block; float:left; padding:5px 0; width:52.5%; margin:15px 0 2px 2.5%; text-align:left}
.header-searchbar {display:none}
.mainnavicons-container {display: none}
.mainnavlinks-container {display: none}
.mobile-nac-icon-container{display:block; float:left; padding:0px; width:42.5%; margin:10px 2.5% 2px 0px;font-family: 'Gibson'; color: #00A600;font-weight: 900; font-size: 1.35em; text-align:right}
}


/*--------------------------------
## FOOTER - color divs
---------------------------------*/
.footer-2divs-wrap {display: flex;}
.footer-2divs-a {width:50%;flex: 1; margin:0 0 0 0; display:block; float:left; text-align:left; background:url(https://dreamboro.com/wp-content/themes/dreamboro/images/fades/fade_black3.png); font-family: 'Gibson'}
.footer-2divs-b {width:50%;flex: 1; margin:0 0 0 0; display:block; float:left; text-align:left; background:#d7d7d7}
.footer-2divs-inner {padding: 40px 65px}



/*--------------------------------------------------------------
## FOOTER - Dark Gray
--------------------------------------------------------------*/
a.footer-link {font-family: 'Josefin Sans', sans-serif; color:#ececec; font-size:0.95em;letter-spacing:1px; text-decoration:none}

.footer-a {width:22%; margin:0 4% 0 0; display:block; float:left; text-align:center; font-family: 'Gibson'}
.footer-b {width:22%; margin:0 4% 0 0; display:block; float:left; text-align:center}
.footer-c {width:22%; margin:0 4% 0 0; display:block; float:left; text-align:center}
.footer-d {width:22%; margin:0 0 0 0; display:block; float:left; text-align:center}

.footer-ad-a {display:block}
.footer-ad-b {display:none}

@media only screen and (max-width: 855px){
.footer-a {width:100%; margin:0 0 15px 0; display:block; float:left; text-align:center; font-family: 'Gibson'}
.footer-b {width:40%; margin:0 5% 0 5%; display:block; float:left; text-align:center}
.footer-c {width:40%; margin:0 5% 0 5%; display:block; float:left; text-align:center}
.footer-d {width:100%; margin:15px 0 0 0; display:block; float:left; text-align:center}
}


@media only screen and (max-width: 725px){	
.footer-ad-a {display:none}	
.footer-ad-b {display:block}

.footer-a {width:100%; margin:0 0 15px 0; display:block; float:left; text-align:center; font-family: 'Gibson'}
.footer-b {width:40%; margin:0 5% 0 5%; display:block; float:left; text-align:center}
.footer-c {width:40%; margin:0 5% 0 5%; display:block; float:left; text-align:center}
.footer-d {width:100%; margin:15px 0 0 0; display:block; float:left; text-align:center}
}

/*--------------------------------
## SLIDEOUT MENU
---------------------------------*/



.overlay-mainmenu-link {display: block; float:left; width:50%;}

@media only screen and (max-width: 626px){
.overlay-mainmenu-link {display: block; float:left; width:100%;}
}

/* DTGSO Main MenuThe Overlay (background) */
.overlay-mainmenu, .overlay-eventcatmenu, .overlay-eventcitiesmenu, .overlay-dinecatmenu, .overlay-dinecitiesmenu {
    /* Height & width depends on how you want to reveal the overlay (see JS below) */    
    height: 100%;
    width: 0;
    position: fixed; /* Stay in place */
    z-index: 10000000000000000000000; /* Sit on top */
    left: 0;
    top: 0;
	background: url(../images/patterns/grid-overlay-2.png) #ffffff;
	opacity:1;
    overflow-x: hidden; /* Disable horizontal scroll */
    transition: 0.5s; /* 0.5 second transition effect to slide in or slide down the overlay (height or width, depending on reveal) */
	margin:0
}

/* Position the content inside the overlay */z
.overlay-content-mainmenu, .overlay-content-eventcatmenu, .overlay-content-eventcitiesmenu, .overlay-content-dinecatmenu, .overlay-content-dinecitiesmenu {
    position: relative;
    top: 5%; /* 25% from the top */
    width: 100%; /* 100% width */
    text-align: center; /* Centered text/links */
    margin-top: 10px; /* 30px top margin to avoid conflict with the close button on smaller screens */
}

/* The navigation links inside the overlay */
.overlay-mainmenu a, .overlay-eventcatmenu  a, .overlay-eventcitiesmenu  a, .overlay-dinecatmenu  a, .overlay-dinecitiesmenu  a {
    padding: 8px;
    text-decoration: none;
    font-size: 1.95em;
	text-transform:uppercase;
	font-family: 'Gibson';
	font-weight:900;
    color: #818181;
    display: block; /* Display block instead of inline */
    transition: 0.3s; /* Transition effects on hover (color) */
}

.overlay-mainmenu a.inmenublock {
    padding: 3px 8px;
    text-decoration: none;
    font-size: 1.50em;
	opacity:1;
	text-transform:uppercase;
	font-family: 'Gibson';
	font-weight:700;
    color: #ffffff;
    display: block; /* Display block instead of inline */
    transition: 0.3s; /* Transition effects on hover (color) */
}




/* When you mouse over the navigation links, change their color */
.overlay-mainmenu a:hover, .overlay-mainmenu a:focus,
.overlay-eventcatmenu a:hover, .overlay-eventcatmenu a:focus,
.overlay-eventcitiesmenu a:hover, .overlay-eventcitiesmenu a:focus,
.overlay-dinecatmenu a:hover, .overlay-dinecatmenu a:focus,
.overlay-dinecitiesmenu a:hover, .overlay-dinecitiesmenu a:focus{
    color: #f1f1f1;
	opacity:1;
}

/* Position the close button (top right corner) */
.closebtn-mainmenu, .closebtn-eventcatmenu, .closebtn-eventcitiesmenu, .closebtn-dinecatmenu, .closebtn-dinecitiesmenu {
    position: absolute; z-index:10000000000;
    top: 5px;
    right: 15px;
    font-size: 40px !important; /* Override the font-size specified earlier (36px) for all navigation links */
}


.nav-links-mainmenu { padding:10px ; margin-right:15px; background:none; color: #727272; text-shadow:1px 1px #ffffff}
.nav-links-active-mainmenu { padding:5px ; margin-right:5px; background: #F06B09; text-shadow:1px 1px #B73904; color:#ffffff; border-bottom:1px solid #ffffff;
-webkit-box-shadow: 0 4px 3px -3px #c7c7c7; -moz-box-shadow: 0 4px 3px -3px #c7c7c7; box-shadow: 0 4px 3px -3px #c7c7c7}


/* When the height of the screen is less than 450 pixels, change the font-size of the links and position the close button again, so they don't overlap */
@media screen and (max-height: 450px) {
    .overlay-mainmenu a {font-size: 20px}
    .closebtn-mainmenu {
        font-size: 40px !important;
        top: 15px;
        right: 35px;
    }
}


.features-slideout-menu-heading {font-size: 1.95em;text-transform:uppercase;font-family: 'Gibson';font-weight:900; color:#818181}



/*--------------------------------
## Homepage Latest Stories
---------------------------------*/
.homepage_latestnews-a {width:47%; margin:0 6% 0 0; display:block; float:left; text-align:left; font-family: 'Gibson'}
.homepage_latestnews-b {width:47%; margin:0 0 0 0; display:block; float:left; text-align:left}




/*--------------------------------
## Home Top Feat Events Grid
---------------------------------*/

.home-eventgrid-a {display: block;float:left;margin: 0 0 0 0;width: 35%;  padding:0; clear:both}
.home-eventgrid-b {display: block;float:left;margin: 0 0 0 0;width: 65%;  padding:0 0 0 10px; clear:none; text-align:left}	

@media only screen and (max-width: 900px) {
.home-eventgrid-a {display: block;float:left;margin: 0 0 0 0;width: 100%;  padding:0; clear:both}
.home-eventgrid-b {display: block;float:left;margin: 0 0 0 0;width: 100%;  padding:0; clear:none}
}

@media only screen and (max-width: 580px) {
	.home-eventgrid-a {display: block;float:left;margin: 0 0 0 0;width: 37%;  padding:0; clear:both}
	.home-eventgrid-b {display: block;float:left;margin: 0 0 0 0;width: 63%;  padding:0 0 0 20px; clear:none; text-align:left}	
}

ul.home-top-featevents-grid {list-style:none; text-align: center; padding:0; margin:-20px 0 0 0; width:100%; display:block}
ul.home-top-featevents-grid li{margin:0; border:0;width:100%;text-align:center; color:#080808; overflow:hidden;padding:0;float:left;
border-top:none}

ul.home-top-featevents-grid li:nth-child(4n+1) {display: block;float:left;margin: 20px 5% 20px 0%;width: 30%;  padding:15px 0 15px 0; clear:both}

ul.home-top-featevents-grid li:nth-child(4n+2) {display: block;float:left;margin: 20px 5% 20px 0%;width: 30%;  padding:15px 0 15px 0; clear:none}

ul.home-top-featevents-grid li:nth-child(4n+3) {display: block;float:left;margin: 20px 0% 20px 0%;width: 30%;  padding:15px 0 15px 0; clear:none}

ul.home-top-featevents-grid li:nth-child(4n+4) {display: none;float:left;margin: 20px 0% 20px 0%;width: 22%;  padding:15px 0 15px 0; clear:none}

@media only screen and (max-width: 900px) {
ul.home-top-featevents-grid li:nth-child(4n+1) {display: block;float:left;margin: 20px 10% 20px 0%;width: 45%;  padding:15px 0 15px 0; clear:both}

ul.home-top-featevents-grid li:nth-child(4n+2) {display: block;float:left;margin: 20px 0% 20px 0%;width: 45%;  padding:15px 0 15px 0; clear:none}

ul.home-top-featevents-grid li:nth-child(4n+3) {display: block;float:left;margin: 20px 10% 20px 0%;width: 45%;  padding:15px 0 15px 0; clear:both}

ul.home-top-featevents-grid li:nth-child(4n+4) {display: block;float:left;margin: 20px 0% 20px 0%;width: 45%;  padding:15px 0 15px 0; clear:none}
}

@media only screen and (max-width: 580px) {
ul.home-top-featevents-grid li:nth-child(4n+1) {display: block;float:left;margin: 5px 0% 5px 0%;width: 100%;  padding:10px 0 10px 0; clear:both}

ul.home-top-featevents-grid li:nth-child(4n+2) {display: block;float:left;margin: 5px 0% 5px 0%;width: 100%;  padding:10px 0 10px 0; clear:none}

ul.home-top-featevents-grid li:nth-child(4n+3) {display: none;float:left;margin: 5px 0% 5px 0%;width: 100%;  padding:10px 0 10px 0; clear:none}

ul.home-top-featevents-grid li:nth-child(4n+4) {display: none;float:left;margin: 5px 0% 5px 0%;width: 100%;  padding:10px 0 10px 0; clear:none}
}