/*
Theme Name: Kaap Noord
Description: A <a href='http://codex.wordpress.org/Child_Themes'>Child Theme</a> for the Enfold Wordpress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating wil be much easier then.
Version: 1.0
Author: Kriesi
Author URI: http://www.kriesi.at
Template: enfold
*/



/*Add your own styles here:*/
@font-face {
    font-family: 'impactregular';
    src: url('impact-webfont.woff2') format('woff2'),
         url('impact-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

h1 {
	font-size:7vw!important; 
	line-height:1!important;
}

#top .av-subnav-menu > li, #top .av-subnav-menu > li > a {
	background:#000;
	color:#fff;
	border-color: #000;
	text-transform: lowercase;
}

.heading_1 h1 {
    text-align: right;
}

.heading_1 img {
   position: absolute;
	right:17vw;
	z-index: 100;
	bottom: 30px;
	max-width: 14vw;
	height: auto;
}

.heading_1 .av-subheading_below {
	text-align: center;
	font-style: italic;
	color:#e73f15;
	font-weight: bold;
	position: relative;
	top:-30px;
} 

span.dot {
	color:#e73f15;
	
}

h1::before {
	content: "•";
	color:#e73f15;
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif" !important;
	font-size:5vw!important;
	position:relative;
	top:9px;
}

h1,h2,h3 {
	font-family: 'impactregular',Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", "sans-serif" !important;
}

#top .av-subnav-menu > li > a {
font-size: 18px;
	font-weight: bold;
}

#top .av-subnav-menu > li  {
margin:0 5px;
	padding:8px 0;
}



#top .av-subnav-menu {
border-top: 1px solid #000; 
	padding-top: 20px;	
	padding-bottom: 20px;	
	z-index: 100000;
}

#top * {
    border-radius: 0 !important;
}





@media only screen and (max-width: 1024px) {
  h1::before {
	top:7px;
}

}


@media only screen and (max-width: 1024px) {.av-main-nav > li.menu-item-avia-special {
    display: block;
}
.av-main-nav > li {
    display: none;
}}

/*
Mobile Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */

@media only screen and (max-width: 767px) {
	
	#top .av-submenu-container {
display:none!important;
}
  
	h1 {
	font-size:15vw!important; 
}

.heading_1 h1 {
    text-align: right;
}

.heading_1 img {
   position: absolute;
	left:-10px;
	z-index: 100;
	bottom: 25px;
	max-width: 45vw;
	height: auto;
}

.heading_1 .av-subheading_below {
	font-size: 12px;
} 

h1::before {
	font-size:8vw!important;	
	top:7px;
}
	
.heading_1 h1:before {
    content:none;
}
	
}

@media only screen and (max-width: 767px) and (min-width: 480px) {

}