/*
Theme Name: Twenty Thirteen Child
Theme URI: https://wordpress.org/themes/twentythirteen/
Template: twentythirteen
Author: the WordPress team
Author URI: https://wordpress.org/
Description: The 2013 theme for WordPress takes us back to the blog, featuring a full range of post formats, each displayed beautifully in their own unique way. Design details abound, starting with a vibrant color scheme and matching header images, beautiful typography and icons, and a flexible layout that looks great on any device, big or small.
Tags: blog,one-column,two-columns,right-sidebar,custom-header,custom-menu,editor-style,featured-images,footer-widgets,microformats,post-formats,rtl-language-support,sticky-post,translation-ready,accessibility-ready
Version: 2.3.1510827564
Updated: 2017-11-16 10:19:24

*/

html{
	margin-top:0!important;
}
body{overflow-x: hidden;
background-color:#20bdbe;}
html, body, #page, .site-header{
	width:100%;
}
body, h1, h2, h3, h4, h5, h6{
	font-family: 'Barlow', sans-serif;

}
#primary a{
	color:#20bdbe;
}
#primary a:hover,#primary a:focus,#primary a:active{
	color:black;
}
blockquote p{
	margin-bottom:0;
}
blockquote footer{
	font-size:16px;
}

#logo{
	width:21%;
	height:21%;
	opacity: 1;
	
}
.site-header .home-link{
	padding:0;
	min-height:0;
	position:absolute;
	top:30px;
	left:9%;
}
.site-description{	
	width:100%;
	position:absolute;
	bottom:45px;
	left:0;
	background: rgba(0, 0, 0, 0.5);
}
.site-description h2{
	width:68%;
	font-family: 'Noto Serif', serif;
	font-size:48px;	
	color:white;
	padding: 1% 0 1% 9%;
	
}
.social-icons{
	position:absolute;
	right: 9%;
    top: 30px;
}
.social-icons a{
	display:inline-block;
	position:relative;
	width:60px;
	height:60px;
	background-position:center;
	background-size:100% 100%;
}
.social-icons a:hover{
	background-color:#20bdbe;
	 -webkit-transition: background-color 0.3s;/* Safari */
    transition: background-color 0.3s;
}


/*navigation*/
#primary-menu{
	    margin-left: -20px;
}

.main-navigation {
	width:100%;
	max-width:none;
	clear: both;
	margin: 0 auto;
	min-height: 45px;
	position: relative;
	padding: 0 9%;
}

ul.nav-menu,
div.nav-menu > ul {
	margin: 0;
	padding: 0;
}

.nav-menu li {
	display: inline-block;
	position: relative;
}

.nav-menu li a {
	color: white;
	display: block;
	font-size: 15px;
	line-height: 1;
	padding: 15px 20px;
	text-decoration: none;
	text-transform:uppercase;
	font-weight:bold;
}

.nav-menu li:hover > a,
.nav-menu li a:hover,
.nav-menu li:focus > a,
.nav-menu li a:focus {
	color:#20bdbe;
	-webkit-transition: color 0.3s;/* Safari */
    transition: color 0.3s;
	background:transparent;
}
.nav-menu .menu-item .sub-menu{
	padding-left:9%;
}
.nav-menu .sub-menu li:first-child a{
	padding-left:0;
}

.nav-menu .sub-menu,
.nav-menu .children {
	background-color: #20bdbe;
	border: none;
	border-top: 0;
	padding: 0;
	position: absolute;
	left: 0;
	z-index: 99999;
	height:auto;
	width: 100%;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px);
}

.nav-menu .sub-menu ul,
.nav-menu .children ul {
	border-left: 0;
	left: 100%;
	top: 0;
}

ul.nav-menu ul a,
.nav-menu ul ul a {
	color:black;
	margin: 0;
	width:auto;
}


ul.nav-menu ul a:hover,
.nav-menu ul ul a:hover,
ul.nav-menu ul a:focus,
.nav-menu ul ul a:focus {
	
	color:white;
	background-color: #20bdbe;
	
}


ul.nav-menu li:hover > ul,
.nav-menu ul li:hover > ul,
ul.nav-menu .focus > ul,
.nav-menu .focus > ul {
	clip: auto;
	left:0;
	overflow: inherit;
	height:auto;
	width:100%;
	
}

ul.nav-menu ul li:hover > ul .current-menu-item > a{
	color:white;
}
.nav-menu .current_page_ancestor > a,
.nav-menu .current-menu-ancestor > a 
{color:white;	
	font-style: normal;
}
.nav-menu .current-menu-parent >a, .nav-menu .current_page_item > a,
.nav-menu .current-menu-item > a
{	color:#20bdbe;
	font-style: normal;
}


.nav-menu .sub-menu .current-menu-item > a{
	color:white;
} 
.current-menu-parent .sub-menu{
	clip:auto;
}

.nav-menu li{	
	position:initial;	
}

.menu-toggle {
	display: none;
}

/* Navbar */
.navbar {
	background: rgba(0, 0, 0, 0.5);
	position: absolute;
	left: 0;
	bottom: 0;
	margin: 0 auto;
	max-width: 1600px;
	width: 100%;
	
	
}
/*content*/
.site-content{
margin:0 9%;
}
.entry-header, .entry-content, .entry-summary, .entry-meta{
	width:100%;
	max-width:none;
	
	
}
.entry-content h1{
	font-size:28px;
}
.entry-content h2{
	font-size:24px;
	margin: 0 0 25px 0;
}
.entry-content h3{
	font-size:20px;
	margin: 0 0 25px 0;
}
.entry-content{
	padding-top:45px;}
/*footer*/
.site-info{
	padding:0;
}
.site-footer{
	height:100%;
	background-color:#20bdbe;
	
}
.site-footer, .site-footer a{
	color:white!important;
}
.site-footer .copyright{
	margin-top:60px;
	font-size:11px;}
/*forms*/
.ninja-forms-field{
	border: 2px solid #20bdbe;
}
input[type=button], #cn-accept-cookie{
	border:none;
	border-radius:0;
	background: #f09500;
	
}
input[type=button]{
	position:absolute;
	right:0;
	top:0;
}
input[type=button]:hover, input[type=button]:active, input[type=button]:focus, #cn-accept-cookie:hover, #cn-accept-cookie:active, #cn-accept-cookie:focus{
	background:#ed6a31;
	 -webkit-transition: background-color 0.3s;/* Safari */
    transition: background-color 0.3s;
	
}
#cn-accept-cookie{
	width:50px;
	color:white;
	padding:3px 10px;
	text-decoration:none;
}
/*pagebuilder*/
.widget_media_image{
	margin-bottom:24px;
}
@media (max-width: 1250px){
	.site-description h2{
	width:90%;
	font-size:36px;
	padding: 0 0 0 9%;
	
}
	
}
@media (max-width: 920px){
	.social-icons a{
		width:36px;
		height:36px;
	}
	.site-description h2{
	width:95%;
	font-size:28px;
	padding: 0 0 0 9%;
	
}

/* Small menu */
	#primary-menu{
		left:0;
		padding-left:2%;
	}
	.toggled-on .menu-main-container #primary-menu{
		margin-left:0;
	}
	.toggled-on .menu-main-container .nav-menu .current-menu-ancestor .current-menu-item a{
		color:black;
	}
	.toggled-on .menu-main-container .nav-menu .current-menu-ancestor a {
		color:white;
	}
	.toggled-on .menu-main-container .nav-menu .sub-menu li a:before{
		content:"- ";
	}
	.toggled-on .menu-main-container .nav-menu .sub-menu{
		padding-left:2%;
		margin-left:0!important;
		
	}
	.nav-menu .sub-menu li:first-child a{
		padding-left:20px;
	}
	.menu-toggle {
		min-height:45px;
		padding: 0;
    	font-size: 32px;
		cursor: pointer;
		display: inline-block;
		color:white;
		margin: 0;
	}

	.menu-toggle,
	.menu-toggle:hover,
	.menu-toggle:focus,
	.menu-toggle:active {
		background: none;
		border: none;
		color: white;
		padding: 0;
	}

	.menu-toggle:focus {
		outline: none;
	}

	.menu-toggle:after {
		content: "";
		font-size: 12px;
		padding-left: 0;
		vertical-align: 0;
	}

	.toggled-on .menu-toggle:after {
		content: "";
		vertical-align: 0;
	}

	.toggled-on .nav-menu,
	.toggled-on .nav-menu > ul {
		background-color:#20bdbe;
		display: block;
		margin-left: 0;
		padding: 0;
		width: 100%;
	}

	.toggled-on li,
	.toggled-on .children {
		display: block;
	}

	.toggled-on .nav-menu li > ul {
		background: #20bdbe;
		display: block;
		float: none;
		margin-left: 20px;
		position: relative;
		left: auto;
		top: auto;
	}

	.toggled-on .nav-menu li > ul a {
		color: white;
		width: auto;
	}

.toggled-on .nav-menu li a:hover,
.toggled-on .nav-menu li:focus > a,
 .toggled-on.nav-menu li a:focus,
.toggled-on .nav-menu li:hover > a,
	.toggled-on .nav-menu .children a,
	.toggled-on .nav-menu .current_page_item > a, 
	.toggled-on.nav-menu .current-menu-item > a{
		background-color: transparent;
		color: black;
	}

	.toggled-on .nav-menu > li a:hover,
	.toggled-on .nav-menu > ul a:hover {
		background-color: transparent;
		color: black!important;
	}

	.toggled-on .nav-menu > li a:focus,
	.toggled-on .nav-menu > ul a:focus {
		background-color: transparent;
		color: black;
	}

	ul.nav-menu,
	div.nav-menu > ul {
		display: none;
	}
	
	#primary-menu{
		    z-index: 5;
		position: absolute;
	}
	/*small menu end*/
	
}	
@media (max-width: 700px){
	.site-footer{
		padding:0 5%;
	}
	.logo{
		width:25%;
	}
	.site-description h2{
	display:none;
	
}
	#content .entry-header,
	#content .entry-content,
	#content .entry-summary,
	#content footer.entry-meta,
	#content .featured-gallery,
	.search.sidebar .page-content,
	.blog.sidebar .page-content,
	.sidebar .post-navigation .nav-links,
	.paging-navigation .nav-links,
	#content .author-info,
	.comments-area .comments-title,
	.comments-area .comment-list,
	.comments-area .comment-navigation,
	.comment-respond,
	.sidebar .site-info,
	.sidebar .paging-navigation .nav-links {
		padding:0 0;
	}
	blockquote{
		margin:5%;
	}

	
	
}