@charset "utf-8";
/*
Theme Name: Strevent
Theme URI: http://strevent.com/
Author: Max
*/

@import url('//fonts.googleapis.com/css?family=Allura|Libre+Baskerville:400,700');

/*********************MAIN STYLES*************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, tt, var,
u, i, center, ol, ul, li,
dl, dt, dd,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video, select, input, button {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
	-webkit-text-size-adjust: none;
	-moz-text-size-adjust: none;
	-o-text-size-adjust: none;
	-ms-text-size-adjust: none;
	text-size-adjust: none;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box; 		/* Opera/IE 8+ */
}
html, body { position:relative; background:#0e2240; font:normal 16px 'Libre Baskerville', Times New Roman, serif; color:#0e213f; margin:0; padding:0; }
a { color:#0e213f; text-decoration: none; transition: all 0.5s ease; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; }
a:hover { color:#000; text-decoration: underline; }
img { max-width: 100%; *max-width: none; height: auto; }

/* Clearfix */
.clearfix:after { content: "."; display: block; height: 0px; clear: both; overflow: hidden; visibility: hidden; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }

/* Global Alignment */
.left { float: left; }
.right { float: right; }
.center { text-align: center; }

/* Typography */
h1, h2, h3, h4, h5, h6 { font-family:'Allura', cursive; margin:10px 0; padding:0; font-weight: normal; }
h1 { font-size:40px; }
h2 { font-size:40px; }
h3 { font-size:30px; }
h4 { font-size:14px; }
h5 { font-size:12px; }
h6 { font-size:10px; }
p { line-height:26px; margin:0; margin-bottom:15px; font-weight:300; }

h2.galTitle { font-family: 'Libre Baskerville', Times New Roman, serif; font-size: 22px; font-weight: bold; }
h2.galTitle a:hover { text-decoration: none; }

/* Form CSS */
input, textarea { font-family:arial, sans-serif; font-size:14px; }
::-moz-placeholder { opacity:1; }
::-webkit-input-placeholder { opacity:1!important; }

/* Listing CSS */
ul, ol { list-style:none; }

/* Global CSS */
#body-area { padding:50px 0; }
.container { width:1280px; margin:0 auto; background:#fff; }
hr { border:0; background:#686668; height:1px; margin:15px 0 40px; display:block; clear:both; }
video, object, iframe { width:100%!important; }
*,
*:after,
*::before { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }

/*********************WORDPRESS STYLES*************************/
.aligncenter, div.aligncenter { display: block; margin: 5px auto 5px auto; }
.alignright { float: right; margin: 5px 0px 20px 20px; }
.alignleft { float: left; margin: 5px 20px 20px 0px; }
.aligncenter { display: block; margin: 5px auto 5px auto; }
a img.alignright { float: right; margin: 5px 0px 20px 20px; }
a img.alignleft { float: left; margin: 5px 20px 20px 0px; }
a img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.wp-caption { background: #dfdfdf; border: 1px solid #f0f0f0; max-width: 96%; /* Image does not overflow the content area */ padding: 5px 3px 10px; text-align: center; }
.wp-caption.alignleft { margin: 5px 20px 20px 0px; }
.wp-caption.alignright { margin: 5px 0px 20px 20px; }
.wp-caption img { height: auto; margin: 0px; max-width: 98.5%; padding: 0px; width: auto; }
.wp-caption p.wp-caption-text { line-height: 17px; margin: 0px; padding: 0px 4px 5px; } 


/*********************HEADER START*************************/
#main-header { position:relative; padding:20px; border-bottom:7px solid #0f2340; min-height:164px; }
#main-header #logo { position:absolute; /*width:259px;*/ height:259px; top:20px; left:50px; z-index:9999; }

.contact-info { position:absolute; right:30px; top:25px; }
.contact-info .phone { color:#0f2340; font-size:16px; font-weight:700; float:left; padding:14px 0 0 15px; }
.contact-info .phone a { color:#0e2240; }
.contact-info .social-links { float:left; }
.contact-info .social-links a { width:32px; height:32px; display:inline-block; font-size:0; float:left; margin: 0 5px; text-align:center; }
.contact-info .social-links a.fb { background:url(images/fb-bg.png) no-repeat 0 bottom; }
.contact-info .social-links a.tw { background:url(images/tw-bg.png) no-repeat 0 bottom; }
.contact-info .social-links a.pn { background:url(images/pn-bg.png) no-repeat 0 bottom; }
.contact-info .social-links a:hover { height:54px;}
.contact-info .social-links a img { width: 32px; }

/* Top Menu */
.menu-top-menu-container { float:right; clear:both; margin-top:90px; }
.menu-top-menu-container li { display:inline-block; position:relative; }
.menu-top-menu-container a { color:#0e2240; text-transform: uppercase; display:block; position:relative; overflow:hidden; padding:10px 7px; }
.menu-top-menu-container > ul > li > a { height:44px; transition:all 0.5s ease 0s;  }
.menu-top-menu-container li.current-menu-item > a { font-weight:700; }
.menu-top-menu-container > ul > li > a:hover,
.menu-top-menu-container li.current-menu-item > a,
.menu-top-menu-container li.current_page_parent > a { color:#0e2240; /*background:#84a279; -webkit-box-shadow:inset 0 0 30px #59794d; -moz-box-shadow:inset 0 0 30px #59794d; box-shadow:inset 0 0 30px #59794d;*/ }
.menu-top-menu-container li.current_page_parent > a { font-weight: 700; }
.menu-top-menu-container li > ul {display:none; opacity: 0; position:absolute; top:44px; left:0; padding:14px 12px 10px; background:#0e2240; /*-webkit-box-shadow:inset 0 0 30px #59794d; -moz-box-shadow:inset 0 0 30px #59794d; box-shadow:inset 0 0 30px #59794d;*/ z-index:999; min-width:175px; }
.menu-top-menu-container li > ul > li {display:block; margin-bottom:10px; white-space:nowrap;}
.menu-top-menu-container li > ul > li a { color:#fff; padding: 0; font-size: 15px; }
.menu-top-menu-container li > ul > li a:hover {color:#fff!important; text-decoration:underline;}
.menu-top-menu-container li > ul > li.current-menu-item > a {background:none; box-shadow:none; color:#fff!important; text-decoration:underline;}
.menu-top-menu-container ul li:hover ul {display:block; opacity:1;}
.topmenu li { position:relative; }
span.menu_slide, span.main_text { padding:10px 8px; display:block; position:relative; }

/*.selectnav_button,
.selectnav { display:none; }*/
.selectnav_button { width:36px; height:36px; position: absolute; top: 15px; right: 20px; display: none; }
.selectnav_button span { border-radius: 50%; cursor:pointer; display:block; height:36px; position:relative; width:36px; }
.selectnav_button span { background:#f7f7f7 url(images/navicon-open.png) no-repeat 0 0; background-size: cover; }
.selectnav_button span.close { background:#000 url(images/navicon-close.png) no-repeat 0 0; background-size: cover; }

.selectnav { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; background:#0f2340; position:fixed; text-align:center; top:0; width:90%; z-index: 10000; height: calc(100vh - 100px); opacity: 0; pointer-events: none; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; transition: opacity .4s; transition-timing-function: cubic-bezier(0.445,0.05,0.55,0.95); }
.selectnav--visible { opacity: 1; pointer-events: initial; }
.selectnav .mob-top { padding: 10px 15px 7px; border-bottom: 1px solid rgba(255,255,255,0.2); }
.selectnav .mob-top #logo { height: 110px; }
.selectnav .mob-nav { padding: 30px; overflow-y: auto; height: 100%; width: 100%; text-align: center; line-height: 30px; }
.selectnav .mob-nav .menu-top-menu-container { float: none; }
.selectnav .mob-nav li { margin-bottom:10px; display:block; }
.selectnav .mob-nav li a { padding:0 15px!important; text-transform:uppercase; display:block; float:none; text-align:center; height:auto!important; color:#fff; }
.selectnav .mob-nav li a:hover { border:0!important; text-decoration: none; }

.selectnav .mob-footer { padding: 25px; }
.selectnav .mob-footer .social-links a { display: inline-block; width: 26px; height: 26px; background: #fff; text-align: center; border-radius: 50%; margin: 0 10px;}

/*********************HEADER END*************************/


/*********************CONTENT AREA START*************************/
.content-area { padding:50px 75px; min-height: 400px; position:relative; }
.content-area h1 { color:#0f2340; font-weight:400; }

/* Home Page */
.homebanner { position:relative; border-bottom:7px solid #0f2340; }
.homebanner img { overflow:hidden; display:block; }

#services .service { width:30%; float:left; margin-right:5%; }
#services .service h2 { font-weight:normal; margin-top:0; text-align: center; font-size: 40px; }
#services .service p { font-weight:300; margin-bottom:8px; }
#services .service a { text-transform:uppercase; color:#0f2340; font-weight:700; position:relative; display:inline-block; padding-bottom:3px; }
#services .service a:hover { color:#000; text-decoration:none; }
#services .service a:after { background:#0f2340; content:""; height: 1px; left:0; opacity:0; position:absolute; top:100%; transform:translateY(-5px);
    transition:height 0.3s ease 0s, opacity 0.3s ease 0s, transform 0.3s ease 0s; width:100%; }
#services .service a:hover:after { height:3px; opacity:1; transform:translateY(0px);}
#services .service:last-child { margin-right:0; }

/* Inner Page */
.innerbanner { position:relative; border-bottom:7px solid #0f2340; }
.innerbanner img { overflow:hidden; display:block; }
a.gallery-btn { position:absolute; top:60px; right:75px; text-transform:uppercase; color:#0f2340; text-decoration:underline; font-weight:700;}
a.gallery-btn:hover {color:#0f2340;}

.content-area ul,
.content-area ol { margin-left:10px; margin-bottom:18px; }
.content-area ul > li { list-style-type:disc; padding-bottom:7px; list-style-position:inside; font-weight:300; }
.content-area ol > li { list-style-type:decimal; padding-bottom:7px; list-style-position:inside; font-weight:300; }

.ngg-album-compact h4 .ngg-album-desc { height:auto!important; }
.ngg-albumoverview > .ngg-album-compact { margin:0 1% 1% 0!important; }
/*.ngg-imagebrowser { width:1000px; margin:0 auto; }
.ngg-imagebrowser h3 { display:none; }
.ngg-imagebrowser img { width:100%; }*/

.col-left { width:68%; float:left; border-right: 2px solid #0f2340; padding-right: 25px; }
.post { border-bottom:1px solid #ccc; padding-bottom:20px; margin-bottom:20px; }
.post .date { font-size:12px; padding-bottom:15px; }
.post h2.news { font-size:45px; font-weight:400; font-family:'Allura', Arial, serif; }
.post h2.news a:hover { text-decoration: none; }

/* Sidebar */
.sidebar { width:28%; float:right; }
.sidebar .widget { /*background:#d5ecb9; border:4px solid #bcd0a3; border-radius:3px; moz-border-radius:3px; -webkit-border-radius:3px; padding:10px 20px;*/ margin-bottom:25px; }
.sidebar .widget h3 { /*text-transform:uppercase;*/ font-weight:400; margin-bottom:10px; }
.sidebar .widget ul { margin-bottom:10px; margin-left:0; }
.sidebar .widget ul ul { margin-bottom:0px; margin-left:10px; margin-top:3px; }
.sidebar .widget ul li { margin-bottom:16px; border-bottom:2px solid #0f2340; padding-bottom:13px; line-height:18px; list-style:none; }
.sidebar .widget ul ul li { padding-bottom:0; margin-bottom:0;}
.sidebar .widget ul li a { color:#0e2240; font-size:16px; line-height: 20px; text-transform: uppercase; }
.sidebar .widget ul li a:hover { text-decoration:underline; }
.sidebar .widget ul li:last-child { border:none; }
.sidebar .widget_media_image { text-align: center; }

#flexi-quote-rotator {min-height:350px;}
#quotearea { padding-bottom:20px; }
#quotearea #quote { font-size:16px; font-style:italic; font-weight:300; }
#quotearea #quoteauthor { padding-top:14px; padding-bottom:20px; font-weight:400; padding-left:10px; }

/*********************CONTENT AREA END*************************/


/* Contact Us */
.wpcf7-form { overflow:hidden; }
.wpcf7-form .field { margin-bottom:12px; }
.wpcf7-form input, .wpcf7-form textarea { background:#fff; border:1px solid #bcd0a3; color:#333; padding:8px 8px; width:90%; }
.wpcf7-form textarea { resize:none; height:131px; }
.wpcf7-form input.wpcf7-submit { background:#0e2240; border:0px; color:#fff; padding:10px 0; text-transform:uppercase; width:100px; text-align:center; cursor:pointer; font-weight:600; font-family:"Open Sans",arial,sans-serif; }
.wpcf7-form input.wpcf7-submit:hover { background:#000; }
span.wpcf7-not-valid-tip { font-size:12px!important; }
div.wpcf7-validation-errors { background:#FF0000; color:#fff; border-color:#FF0000!important; margin:12px 0!important; }
div.wpcf7-mail-sent-ok { background:#398F14; color:#fff; margin:12px 0!important; }

/* Comment Form */
.comment-respond { margin-bottom: 24px; padding: 0; }
.comment .comment-respond { margin-top: 24px; }
.required { color: #c0392b; }
.comment-form label {display: block;}
.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"],
.comment-form textarea { width: 60%; }
.comment-form input,
.comment-form textarea { border: 1px solid rgba(0, 0, 0, 0.6); color: #2b2b2b; padding: 8px 10px 7px; }
.comment-form p.form-submit input {cursor:pointer;}
.form-allowed-tags { display:none;}
.comment-content ul,
.comment-content ol { margin: 0 0 24px 22px; }
.comment-content li > ul,
.comment-content li > ol { margin-bottom: 0; }
.comment-content > :last-child { margin-bottom: 0; }
.comment-list .children { list-style: none; margin-left: 15px; }

/*********************FOOTER START*************************/
#footer { border-top:7px solid #0f2340; width:100%; background:#fff; }
#footer h3 { font-family: 'Libre Baskerville', Times New Roman, serif; font-size: 18px; font-weight: 700; text-transform: uppercase; }

/* Footer Top Area */
.footer-top-area { padding:20px 20px 0; text-align:center; color:#0f2340; }
.footer-top-area a { color:#0f2340; }
.footer-top-area a:hover { text-decoration:underline; }

/* Copyright */
#copyright { text-align:center; padding:5px 0 20px; color:#0f2340; font-size:14px; }
#copyright a { color:#0f2340; }
#copyright a:hover { color:#000; text-decoration: underline; }

.scrollToTop { width:70px; height:70px; position:fixed; bottom:60px; right:30px; display:none; background: url(images/btop.png) no-repeat 0 0; font-size:0; background-size: cover; }
.scrollToTop:hover { text-decoration:none; }

/*********************FOOTER END*************************/

@media (max-width: 1200px) and (min-width: 768px) {
	.content-area {
    	padding: 50px;
	}
}

@media only screen and ( max-width: 1300px ) {
	.container { width:90%; }
	#main-header #logo { height: 200px; }
	.menu-top-menu-container a { font-size: 14px; }
	span.menu_slide, span.main_text { padding:10px 14px; display:block; position:relative; }
}

@media only screen and ( max-width: 1200px ) {
	#main-header { min-height:auto; }
	#main-header #logo { height:130px; top: 28px; left: 15px; /*position:inherit; float:left;*/ }
	.menu-top-menu-container { /*margin-top:-85px;*/ margin-top: 50px}
	.menu-top-menu-container a { padding: 10px 4px; }
}

@media (max-width: 992px) and (min-width: 960px) {
	.menu-top-menu-container a {
    	font-size: 13px;
	}
}

@media only screen and ( max-width: 960px ) {
	#body-area { padding: 0; }
	#main-header { text-align: center; padding: 10px 15px 7px; }
	#main-header, .innerbanner, .homebanner { border-bottom-width: 3px; }
	#main-header #logo { position:inherit; margin: 0 auto; height: 110px; }
	.contact-info { display: none; }
	.content-area { padding: 30px; min-height: 400px; }
	#services .service { width:100%; margin-right:0; margin-bottom:25px; }
	.col-left { width:100%; float:none; border-right: 0; padding-right: 0; }
	.sidebar { width:100%; float:none; margin-top:30px; }
	
	.topmenu { display:none; }
	.selectnav_button { display:block; }
	.menu-top-menu-container {margin-top:0;}
    .menu-top-menu-container li > ul {display:block; opacity: 1; position:inherit; padding:10px 20px; z-index:999; top:0; min-width:auto; }
	.menu-top-menu-container > ul > li > a:hover, 
	.menu-top-menu-container li.current-menu-item > a, 
	.menu-top-menu-container li.current_page_parent > a { background:none!important; box-shadow:none; }
    .menu-top-menu-container li > ul > li { margin-left:0;}
	.menu-top-menu-container > ul > li > a { transition:none; }
	.menu-top-menu-container li.current-menu-item > a { color: #fff; }
	.menu-top-menu-container ul li a:hover { color: #fff; }
	
	.menu-top-menu-container li > ul { background:none; box-shadow:none; }
	.menu-top-menu-container li > ul > li a { transition:none; }
	.menu-top-menu-container li > ul > li.current-menu-item > a { color:#fff!important; font-weight:800!important; text-decoration:none; }
	.menu-top-menu-container li > ul > li a:hover { color:#fff!important; font-weight:800!important; text-decoration:none; }
	
}

@media only screen and ( max-width: 768px ) {
	.scrollToTop { width:40px; height:40px; background: url(images/btop-blue.png) no-repeat 0 0; right:24px; background-size:cover; }		
}

@media only screen and ( max-width: 600px ) {
	#main-header #logo { float:none; margin:0 auto; display:block; }
	.contact-info .social-links a img { /*width: 50%; height:73%;*/ }

	.content-area { padding:50px 30px; }
	.contact-info { position:inherit; /*display:block;*/ margin:0 auto; right:0; width:100%; overflow:hidden; padding-bottom: 30px; /*padding-top:15px;*/ }
	.contact-info .phone { padding-top:0;}
	.contact-info .social-links { float:right;}
	.contact-info .social-links a { /*width:30px; height:30px; border-radius:20px;*/ }
	/*.contact-info .social-links a:hover { height:30px;}
	.contact-info .social-links a.fb { background:#719dbd; }
	.contact-info .social-links a.tw { background:#bfcb79; }
	.contact-info .social-links a.pn { background:#be749f; }*/
	
	.selectnav_button { margin-top:20px; position: absolute; right: 10px; top: 0; }
        a.gallery-btn {position:inherit; top:0; right:0;}
	}


@media only screen and ( max-width: 320px ) {
	.contact-info .phone { float:none; text-align:center; display:block; padding:0; }
	.contact-info .social-links { float:none; display:block; text-align:center; }
	.contact-info .social-links a { float:none;}
}