/*   
Theme Name: Standard
Theme URI: https://codesmedia.com
Description: Description of the website or theme
Author: Jonathan Entila
Author URI: https://jonathanentila.com
Version: 1.0
Tags: light, white, black, gray, two-columns, right-sidebar, fixed-width, custom-background, post-formats
*/
/* Global */
/* ---------------------------------------------------------- */
body {
  background: url(images/yellowbg.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.body-wrap { max-width:960px; margin:0px auto 0px auto; background-color: #FFF;overflow: hidden; }
.no-padding { padding:0px !important;}
.no-padding-right { padding-right:0px !important; }
.no-padding-left { padding-left:0px !important; }
.text-align-right { text-align:right;}

ul, ol { padding: 5px 0px 0px 20px; }
.aligncenter, img.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; }
.alignnone {margin: 5px 20px 20px 0;}
.aligncenter,div.aligncenter {display: block;margin: 5px auto 5px auto;}
.alignright {float:right;margin: 5px 0 20px 20px;}
.alignleft {float: left;margin: 5px 20px 20px 0;}

a img.alignright { float: right;margin: 5px 0 20px 20px;}
a img.alignnone { margin: 5px 20px 20px 0;}
a img.alignleft { float: left;margin: 5px 20px 20px 0;}
a img.aligncenter {display: block; margin-left: auto;margin-right: auto}

.wp-caption {background: #fff;border: 1px solid #f0f0f0;max-width: 96%;padding: 5px 3px 10px;text-align: center;}
.wp-caption.alignnone {margin: 5px 20px 20px 0;}
.wp-caption.alignleft {margin: 5px 20px 20px 0;}
.wp-caption.alignright {margin: 5px 0 20px 20px;}
.wp-caption img {border: 0 none;height: auto;margin: 0;max-width: 98.5%;padding: 0;width: auto;}
.wp-caption p.wp-caption-text {font-size: 11px;line-height: 17px;margin: 0;padding: 0 4px 5px;}

textarea{ height: 80px;}
input[type=text], input[type=tel], input[type=email], input[type=url], textarea{ width:100%;color:rgb(169, 169, 169) !important; }
input[type=submit] { background-color:#FFF !important;}
input[type=submit]:hover { opacity:.8;}
input, textarea, input[type=tel], select {padding: 6px 12px;font-size: 14px;line-height: 1.42857;background-color: #FFF;background-image: none;border: 1px solid #CCC;border-radius: 4px;box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset;transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;}
.search-field { width:180px !important;}
.search-submit {background-color:#FFF;border:0px;position: absolute;right: 5px;color:#333 !important;top:10px;}

.fa { font-size:16px; }
.fa-facebook { color:#FFF; }
.fa-facebook:hover { color:#CCC;}
.fa-twitter { color:#FFF; }
.fa-twitter:hover { color:#CCC;}
.fa-google-plus { color:#FFF;}
.fa-google-plus:hover { color: #CCC;}
.fa-pinterest { color:#FFF;}
.fa-pinterest:hover { color:#CCC;}

/* Header */
/* ---------------------------------------------------------- */

.site-title {  font-size:40px; color:#0c58a1;}
.site-title a { text-decoration:none; }
.site-title a:hover { text-decoration:none;}
/* home page blocks */

/* Navigation */
/* ---------------------------------------------------------- */
#navigation {
	
	margin:20px auto 0px auto;padding:0px 0px 9px 0px;width: 100%;
	background: url(images/nav_bg.jpg) repeat-x; 

	-webkit-border-top-left-radius: 15px;
	-webkit-border-top-right-radius: 15px;
	-moz-border-radius-topleft: 15px;
	-moz-border-radius-topright: 15px;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;	
}
#navigation li li a {color: #000; }
#navigation ul {
	font-size: 16px;list-style: none; padding:0px; 
}
#navigation li {float: left;}
#navigation ul li:first-child a {
	-webkit-border-top-left-radius: 15px;
	-moz-border-radius-topleft: 15px;
	border-top-left-radius: 15px;
}
#navigation a {color: #333;font-weight:bold;padding:10px 20px; text-decoration: none; text-transform:uppercase;}

#navigation ul ul {display: none;float: left;margin: 0;position: absolute;left: 0;z-index: 99999;}
#navigation ul ul li { width:250px;}
#navigation ul ul li:hover {color:#E90408;width:100%;}
#navigation ul ul ul {left: 100%;top: 0;}

#navigation ul ul a {color:#333;font-size: 14px;font-weight: 100;height: auto;line-height: 1.4em;padding: 10px 10px;text-align: left;width:100%;}
#navigation li:hover > a {color:#FFF;background: url(images/gradient_hover.jpg) repeat-x;  color:#FFF;width:100%;}
#navigation ul li:hover > ul {display: block;color:#FFF;}
#navigation .current_page_item > a,#navigation .current_page_ancestor > a {background: url(images/gradient_active.jpg) repeat-x;color:#FFF;}


/* Body/Content */
/* ---------------------------------------------------------- */
.entry .content-area strong { font-size:21px;}

.outer_wrap { margin:20px 0px;}
.content-thumbnail-hp { margin:20px auto;  text-align: center;}
.sidebar-icon img { width:100%; height:auto;}
.widget, .divider { border-bottom:1px solid #ccc; margin-bottom:20px;}

.bg-green { background-color:#ecfbec;padding: 10px 15px;}

.small-font { font-size:12px;}
/* Meta */
/* ---------------------------------------------------------- */
/* Footer */
/* ---------------------------------------------------------- */
#footer {
	color: #333;font-weight: normal;font-size:12px;
	background: url(images/gradient_white.jpg) repeat-x; 
	margin-bottom:20px;
	padding-bottom:10px;
	padding-top:10px;
	
	-webkit-border-bottom-right-radius: 15px;
	-webkit-border-bottom-left-radius: 15px;
	-moz-border-radius-bottomright: 15px;
	-moz-border-radius-bottomleft: 15px;
	border-bottom-right-radius: 15px;
	border-bottom-left-radius: 15px;
}
.outer_footer_wrap {
}
.designed-by { color:#ccc;text-align:right;}
.designed-by a { color:#ccc; text-align:right; text-decoration:none;}
.designed-by a:hover { color:#666; text-align:right; text-decoration:none;}

/* Galeria */
/* ---------------------------------------------------------- */
.galeria-title-grid { font-size:18px; font-weight:bold; font-family: Arial, Helvetica, sans-serif; padding-bottom:10px;}
#columns {
	 -moz-column-width: 18em;
	 -webkit-column-width: 18em;
	 -moz-column-gap: 1em;
	 -webkit-column-gap:1em; 
}
.pin {
	display: inline-block;
	padding:  .25rem;
	width:  100%; 
}

.pin .galeria-caption { background-color:#FFF; color:#333; padding:10px 15px; font-size:14px; font-family: Arial, Helvetica, sans-serif;}

.pin img {
	width: 100%;
}

.pin img:hover { opacity:.8; }
.pin p {
	font: 12px/18px Arial, sans-serif;
	color: #333;
	margin: 0;
}
/* Blog */
/* ---------------------------------------------------------- */
.breadcrumb { color:#333 !important;}
.breadcrumb a { color:#333 !important;}
.breadcrumb a:hover { color:#000 !important;}
/* Responsive */
/* ---------------------------------------------------------- */
@media only screen and ( max-width: 680px ) {
	input[type=text], input[type=email], input[type=tel],  input[type=url], textarea{ width:250px;}
	.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
		width:100% !important;
	}
}

@media (max-width: 768px) {	
	.container { padding:0px 20px;}
	.designed-by { text-align:left !important;}
}
#mobile-header {display: none;}
@media only screen and (max-width: 800px){
	#mobile-header {display: block;}
	#mobile-header a { color: #060; font-size:25px; font-family:Open Sans; font-weight:100; text-decoration:none;}
	#mobile-header a:hover { text-decoration:none;}
	#mobile-header a:active { text-decoration:none;}
	#navigation {display:none;}
	.glyphicon-th { font-size:25px; margin-top:10px; color:#060; }
	.text-banner img { width:100%;}
	iframe { width:100%; height:100%;}
}  

@media only screen and (max-width:980px ) {
	#navigation a { padding:0em 1em; }	
}