/*
Theme Name: Brand van der Dam
Description: A <a href='http://codex.wordpress.org/Child_Themes'>Child Theme</a>with siteffects
Version: 1.0
Template: siteffects
*/



/*Styles with siteffects:*/


/* body */
#wrap_all {
    margin-top: 10px;
}

/* header */
.html_header_top.html_bottom_nav_header #header_main {
    background-color: transparent !important;
    border-bottom-left-radius: 0.5em;
    border-bottom-right-radius: 0.5em;
    border-top-left-radius: 0.5em;
    border-top-right-radius: 0.5em;
    z-index: 3;
	margin-bottom:10px;
}
.header_bg,#top  {
	background-color:rgba(255,255,255,0) !important;
}
.header_color div {
	border-radius:0.5em;	
}
.html_header_top #top .av_header_stretch .container {
	height:110px;
}

.logo, .logo a {
    height: 90%;
    margin-top: 5px;
}

#frieseVlag {
	background-image: url("http://schilderbedrijfbrandvanderdam.nl/wp-content/uploads/2016/07/frieseVlag.gif")
}

/* menu  */
.av_minimal_header #header_main_alternate {
	background-image: linear-gradient(to bottom, #3f5369 0px, #212b36 100%);
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.html_header_top .av_bottom_nav_header .main_menu ul:first-child > li a {
    height: 30px;
    line-height: 30px;
    margin-top: 10px;
}
.main_menu ul:first-child > li > a { 
	font-size: 14px;
	color: #fff!important; 
	font-weight:normal;
	text-transform: uppercase;
	
}
.main_menu ul:first-child > li > a:hover {
	background-image: linear-gradient(to bottom, #fb7f41 0px, #fa5705 86%, #f05305 100%)!important;
}
.header_color .main_menu ul:first-child > li.current-menu-item > a, .header_color .main_menu ul:first-child > li.current_page_item > a {
	background-image: linear-gradient(to bottom, #fb7f41 0px, #fa5705 86%, #f05305 100%);
	margin-left: 15px;
    margin-right: 15px;
}


/* main */
#main {
	border-radius:0.5em;	
}
.main_color .av-masonry {
	background-color:#ffffff	
}
.title_container .main-title {
    color: #6c7f93;
    font-family: Arial,"Arial Unicode MS",Helvetica,sans-serif;
    font-size: 29px;
}
.content, .sidebar {
	padding-top:0;	
}

/*archive page */
.grid-entry .inner-entry {
	margin-right:10px;	
}

/*
Desktop Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the desktop view of your site */

@media only screen and (min-width: 768px) {
  /* Add your Desktop Styles here */

#header .widget {
    left: 58%;
    padding-top: 0;
    position: absolute;
    top: 32%;
    transform: translate(-50%);
    z-index: 999;
}
/**/#header .widget p {
	float:left;
	color: #dc4c04 !important;
    font-family: "Comic Sans MS",Tahoma,Arial,sans-serif;
    font-size: 64px;
    font-style: italic;
    font-weight: bold;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    text-decoration-color: -moz-use-text-color;
    text-decoration-line: none;
    text-decoration-style: solid;
    text-shadow: 1.4px 1.4px 0 rgb(255, 255, 255), 2.1px 2.1px 0 rgba(23, 23, 23, 0.79);
    white-space: nowrap;
}
#header .widget img {
	left: 475%;
    position: relative;
    top: -35px;	
}
}


/*
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) {
  /* Add your Mobile Styles here */

#top .title_container .container {
	padding-bottom:0;	
}
#header .widget {
	display:none;
}
.title_container .main-title {
    font-size: 18px;
}
.responsive #top #main .sidebar {
	display:block !important; clear: both;
}
.responsive #top .container .av-content-small, .responsive #top #wrap_all .flex_column, .responsive #top #wrap_all .av-flex-cells .no_margin {
    margin-bottom: 0;
}
.inner_sidebar {
    margin-left: 20px;
}
#top #main .sidebar {
    border-left-style: none !important;
}

.responsive #top .av-hide-on-mobile, .responsive #top .av-hide-on-tablet {
    display: block !important;
	padding: 10px 0;
}


}