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

@import url(//fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800);
@import url(//fonts.googleapis.com/css?family=Allura);

/*********************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 'Open Sans', arial, sans-serif; color:#0e213f; margin:0; padding:0; }
a { color:#984483; 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:#333; }
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:'Open Sans', arial, sans-serif; margin:10px 0; padding:0; }
h1 { font-size:30px; }
h2 { font-size:22px; }
h3 { font-size:18px; }
h4 { font-size:14px; }
h5 { font-size:12px; }
h6 { font-size:10px; }
p { line-height:26px; margin:0; margin-bottom:15px; font-weight:300; }

/* 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 #984483; 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:0; }
.contact-info .phone { color:#984483; font-size:18px; font-weight:600; float:left; padding:12px 10px 0 0; }
.contact-info .social-links { float:left; }
.contact-info .social-links a { width:45px; height:46px; display:inline-block; font-size:0; float:left; margin-left:5px; padding-top: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 { max-width: 100%; }

/* Top Menu */
.menu-top-menu-container { float:right; clear:both; margin-top:54px; }
.menu-top-menu-container li { display:inline-block; position:relative; }
.menu-top-menu-container a { color:#0e2240; display:block; position:relative; overflow:hidden; }
.menu-top-menu-container > ul > li > a { height:44px; transition:all 0.5s ease 0s; font-weight:300; }
.menu-top-menu-container li.current-menu-item > a { font-weight:800; }
.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:#fff; 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 > ul {display:none; opacity: 0; position:absolute; top:44px; left:0; padding:10px 20px; 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; z-index:999; min-width:175px; }
.menu-top-menu-container li > ul > li {display:block; margin-bottom:6px; white-space:nowrap;}
.menu-top-menu-container li > ul > li a { color:#fff; }
.menu-top-menu-container li > ul > li a:hover {color:#0e2240!important; text-decoration:underline;}
.menu-top-menu-container li > ul > li.current-menu-item > a {background:none; box-shadow:none; color:#0e2240!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 18px; display:block; position:relative; }

.selectnav_button,
.selectnav { display:none; }
.selectnav_button { background:#0e2240; width:35px; float:right; height:34px; margin-top:-40px; }
.selectnav .menu-top-menu-container { margin:0; float:none; }
.selectnav_button span { background: url(images/navicon.png) no-repeat 7px 8px; cursor:pointer; display:block; height:30px; position:relative; width:30px; z-index: 511; }
.selectnav { background:#0e2240; display:none; float:left; position:relative; text-align:left; top:0; width:100%; padding:20px 0; }
.selectnav ul.mobmenu { background:none!important; height:auto; }
.selectnav li { margin-left:15px; margin-bottom:6px; display:block; background:none; }
.selectnav li a { padding:4px 15px!important; text-transform:uppercase; display:block; float:none; text-align:left; height:auto!important; color:#fff; }
.selectnav li a:hover { border:0!important; }

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


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

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

#services .service { width:30%; float:left; margin-right:5%; }
#services .service h2 { font-weight:800; margin-top:0; }
#services .service p { font-weight:300; margin-bottom:8px; }
#services .service a { text-transform:uppercase; color:#984483; font-weight:600; position:relative; display:inline-block; padding-bottom:3px; }
#services .service a:hover { color:#333; text-decoration:none; }
#services .service a:after { background:#984483; 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 #984483; }
.innerbanner img { overflow:hidden; display:block; }
a.gallery-btn { position:absolute; top:60px; right:75px; text-transform:uppercase; background:#12203e; color:#fff; text-decoration:underline; border-radius:5px; padding:2px 15px 4px; font-weight:600;}
a.gallery-btn:hover {background:#933e82;}

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

/* 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:20px; }
.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:7px; border-bottom:1px solid #bcd0a3; padding-bottom:7px; 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:14px; }
.sidebar .widget ul li a:hover { text-decoration:underline; }
.sidebar .widget ul li:last-child { border:none; }
.sidebar .widget img { border:3px solid #0e213f; }

#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 { width:100%; background:#fff; }

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

/* Copyright */
#copyright { text-align:center; padding:15px 0 20px; color:#86909f; font-size:14px; font-weight:600; }
#copyright a { color:#86909f; text-decoration:underline; }
#copyright a:hover { color:#984483; }

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

@media only screen and ( max-width: 1300px ) {
	.container { width:90%; }
	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 { width:166px; height:166px; position:inherit; float:left; }
	.menu-top-menu-container { margin-top:-85px;}
}

@media only screen and ( max-width: 960px ) {
	#services .service { width:100%; margin-right:0; margin-bottom:25px; }
	.col-left { width:100%; float:none; }
	.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; font-weight:800; 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 > 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 ) {
	
}

@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-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; }

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