/*
Theme Name: Dressuurstal Capriole
Theme URI: 
Author: 
Author URI: http://www.mediakanjers.nl
Description: Thema voor Dressuurstal Capriole
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Version: 1.0
Template: required-foundation
Text Domain: dressuurstal-capriole
*/

/*
	Make the template work
*/
@import url(../required-foundation/style.css);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700);

body{background: url('images/body_bg.jpg') repeat;}

h1, h2, h3, h4, h5, h6 { font-family: 'Open Sans', sans-serif; font-weight: 700; color: #3E0740; }
h1{font-size: 24px;}
h2{font-size: 22px;}
h3{font-size: 20px;}
h4{font-size: 18px; color: #fff;}
	h4.widget-title{font-weight: 300; font-size: 16px;}
h5{font-size: 16px;}
h6{font-size: 14px;}

#site-title { font-weight: 600; }

.required-header .inline-list {
	margin-top: 14px;
}

/*Algemeen*/
.row{width: 1030px; padding-right: 10px;}
.button{background: #b2b2b2; border: 1px solid #666;}
	.button:hover{background: #959595;}
a{color: #410640;}		
a:hover{color: #410640; text-decoration: underline; }	

.gallery img{}

aside#rev-slider-widget-2{max-width: 1220px; margin: 0px auto;}

table{background: none; border: none; font-family: 'Open Sans', sans-serif; font-weight: 400; padding: 5px; margin: 0px; position: relative; left: -11px;}
	table tbody tr:nth-child(2n){background: none;}
	table tbody tr td{padding: 2px;}
	table tbody tr td a{}

/*Header*/
.contactboven {background: none !important; }
.contact-info .widget_text {border-top: 0 !important;}
.contact-info {padding-top: 9px !important;}
.contactboven .textwidget {font-size: 16px !important;}
#top{float: left; height: 60px; width: 100%; background: url('images/headertop_bg.jpg');}
#bottom{float: left; height: 30px; width: 100%; background: #7a1477; /* Old browsers */
background: -moz-linear-gradient(top, #7a1477 0%, #651065 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7a1477), color-stop(100%,#651065)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #7a1477 0%,#651065 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #7a1477 0%,#651065 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #7a1477 0%,#651065 100%); /* IE10+ */
background: linear-gradient(to bottom, #7a1477 0%,#651065 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7a1477', endColorstr='#651065',GradientType=0 ); /* IE6-9 */}
.logo{float: left; position: absolute; z-index: 999;}
.contact-info{float: right; font-size: 18px; color: #fff; text-transform: uppercase; padding-top: 20px; font-family: 'Open Sans', sans-serif;}
.slide{padding-left: 0px;}
.social{padding: 5px 0 25px 0; text-align: right; float: right; font-family: 'Open Sans', sans-serif; font-weight: 400;}
	.social img{padding: 0 5px 0 5px; position: relative; top: 5px;}

	/*Hoofdmenu*/
	.nav-bar{margin: 0px; background: none; float: right;}
	.nav-bar ul > li.menu-item{text-transform: uppercase !important;}

	/* Top Level Items */
	.nav-bar>li{border: none; line-height: 30px;}
	.nav-bar>li>a:first-child{padding: 0 8px;}
	#megaMenu ul.megaMenu > li.menu-item > a span.wpmega-link-title, #megaMenu ul.megaMenu > li.menu-item > span.um-anchoremulator span.wpmega-link-title{font-family: 'Open Sans', sans-serif; text-transform: uppercase; font-size: 14px;}

	#megaMenu ul.megaMenu li.menu-item.ss-nav-menu-reg ul.sub-menu li.menu-item.megaReg-with-sub > a, #megaMenu ul.megaMenu li.menu-item.ss-nav-menu-reg ul.sub-menu li.menu-item.megaReg-with-sub > span.um-anchoremulator, #megaMenu ul.megaMenu li.menu-item.mega-with-sub > a, #megaMenu ul.megaMenu li.menu-item.mega-with-sub > span.um-anchoremulator, #megaMenu ul.megaMenu li.menu-item.ss-nav-menu-mega > a, #megaMenu ul.megaMenu li.menu-item.ss-nav-menu-mega > span.um-anchoremulator{padding-right: 8px;}

	/*Hoofditems - Hover*/
	#megaMenu.megaMenuHorizontal ul.megaMenu > li.menu-item > a, #megaMenu.megaMenuHorizontal ul.megaMenu > li.menu-item > span.um-anchoremulator{border-left: none; font-size: 16px;}
	#megaMenu ul.megaMenu > li.menu-item:hover > a,
	#megaMenu ul.megaMenu > li.menu-item > a:hover,
	#megaMenu ul.megaMenu > li.menu-item.megaHover > a,
	#megaMenu ul.megaMenu > li.menu-item:hover > span.um-anchoremulator,
	#megaMenu ul.megaMenu > li.menu-item > span.um-anchoremulator:hover,
	#megaMenu ul.megaMenu > li.menu-item.megaHover > span.um-anchoremulator{background: none; text-decoration: underline;}

	/* Top Level Items - Current Item */
	#megaMenu ul.megaMenu > li.menu-item.current-menu-item > a, #megaMenu ul.megaMenu > li.menu-item.current-menu-parent > a, #megaMenu ul.megaMenu > li.menu-item.current-menu-ancestor > a {
	  color: #fff;
	  text-decoration: underline;
	}

	/*Pijltje naast menu item*/
	#megaMenu ul.megaMenu li.menu-item.ss-nav-menu-reg li.menu-item.megaReg-with-sub > a:after, #megaMenu ul.megaMenu li.menu-item.mega-with-sub > a:after, #megaMenu ul.megaMenu li.menu-item.ss-nav-menu-mega > a:after, #megaMenu ul.megaMenu li.menu-item.ss-nav-menu-reg li.menu-item.megaReg-with-sub > span.um-anchoremulator:after, #megaMenu ul.megaMenu li.menu-item.mega-with-sub > span.um-anchoremulator:after, #megaMenu ul.megaMenu li.menu-item.ss-nav-menu-mega > span.um-anchoremulator:after{border: none;}

	/* Sub Menu Container Style */
	#megaMenu ul.megaMenu > li.menu-item.ss-nav-menu-mega > ul.sub-menu-1, #megaMenu ul.megaMenu li.menu-item.ss-nav-menu-reg ul.sub-menu {
	  background: #fff;
	}

	.flyout{top: 31px;}

	#megaMenu ul li.menu-item.ss-nav-menu-mega ul li.menu-item.ss-nav-menu-item-depth-1{padding: 2px 15px 2px 15px;}
	#megaMenu li.menu-item.ss-nav-menu-mega ul.sub-menu.sub-menu-1{max-width: 230px; }
	#megaMenu ul.megaMenu ul.sub-menu .wpmega-postlist a {
 		color: #fff;
	}

	/* Sub Menu Link Hover */
	#megaMenu ul li.menu-item.ss-nav-menu-mega ul ul.sub-menu li.menu-item a:hover, #megaMenu ul ul.sub-menu > li.menu-item:hover > a {
	  text-decoration: underline;
	}

.kampeerboerderij{position: absolute; z-index: 999; margin-left: 500px; margin-top: 50px; left: 50%; display: none;}	
.certificaat{color: #fff; position: absolute; margin-left: 350px; background: #fff; padding: 10px; width: 150px;}

#blocks{margin-bottom: 15px; padding: 0 45px 0 45px; margin-top: -25px; margin-bottom: 50px;}
.blocks{background: url('images/blokken_bg.jpg') no-repeat; max-width: 1120px; margin: -60px auto 60px;}
.block{height: 270px; width: 225px; margin-right: 20px; float: left; position: relative; z-index: 99;}
	.block:last-child{margin-right: 0px;}
.block-last{position: relative; left: 70px;}	

.header-top{height: 90px; position: relative; width: 100%;}
.header{}
.required-header{margin-bottom: 30px;}
.tel{float: left;}
.mail{float: left; padding-right: 15px;}

/*Content*/
table{width: auto; font-weight: bold;}
table tbody tr td{color: #410640;}

#content{	
z-index: 95;
position: relative;
top: -30px;
background: #cacaca; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NhY2FjYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjclIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
background: -moz-linear-gradient(top,  #cacaca 0%, #ffffff 7%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cacaca), color-stop(7%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #cacaca 0%,#ffffff 7%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #cacaca 0%,#ffffff 7%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #cacaca 0%,#ffffff 7%); /* IE10+ */
background: linear-gradient(to bottom,  #cacaca 0%,#ffffff 7%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cacaca', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
border-top: 4px solid #661166;
}

.flex-video iframe, .flex-video object, .flex-video embed, .flex-video video{}

.nav-single{display: none;}
.entry-content{color: #333333;}
.entry-meta{display: none;}
.post-box .entry-content{}
.post-box .entry-header{padding-top: 15px;}
#comments{display: none;}
#content_bg{background: url('images/content_bg.jpg'); margin: 0 auto; max-width: 1120px;}

#main{padding-left: 0px; margin-top: 13px;}

.tp-simpleresponsive .slotholder *, .tp-simpleresponsive img{}
#gallery-1 .gallery-item{margin-bottom: 0px; margin-top: 0px !important;}

/*Widgets*/
.mobile{display: none;}
#sidebar{}
#sidebar aside{max-width: 275px; background: #7a1679;}
.widget-topleft{padding: 0 25px; float: left !important;}
	.widget-topleft table td{font-size: 11px;}
	.widget-topleft table td a{font-size: 13px;}
	.widget-topleft a:hover{color: #eb745a;}
.widget-topleft table{font-size: 12px;}
.widget-topleft .widget{padding-top: 0px; background: #7A220F; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; color: #fff; padding-bottom: 15px; min-height: 285px; font-size: 12px;}
	.widget-topleft h4.widget-title{margin: 0px}
.widget_text{padding: 10px; margin-bottom: 40px; background: #7a1679; color: #fff; border-top: 4px solid #410640;}
	.widget_text li{list-style-image: url('images/vinkje.png'); list-style-position: inside;}
		.textwidget a:hover{text-decoration: underline;}
	.widget_wysiwyg_widgets_widget li{list-style-image: url('images/vinkje.png'); list-style-position: inside;}
	.widget_wysiwyg_widgets_widget li a{color: #222222; padding-left: 3px;}
	.widget_wysiwyg_widgets_widget ul{margin-left: 0px;}
	.widget_wysiwyg_widgets_widget{padding: 10px;}
	h4.widget-title{padding: 5px 10px; margin-top: 0px;}
.textwidget{font-style: normal; padding: 0 8px; line-height: 22px;  font-family: 'Open Sans', sans-serif; font-weight: 400;}
aside p{font-style: normal;}
.widget-topleft .textwidget p{line-height: 32px;}

.no-bg{background: #fff !important; padding-left: 0px !important; border-top: none !important;}
	.no-bg .textwidget{padding-left: 0px;}
	.no-bg iframe{max-width: 275px !important;}
.widget_wp_views{margin-bottom: 40px;}

td img{max-width: 100%;}

/*Paardenpagina*/
#paard{margin-bottom: 15px; float: left;}
.paard h2{}
	.left{float: left; min-width: 300px; padding: 10px 15px 0 0;}
	.right{float: left; min-width: 300px; padding-top: 60px; line-height: 22px; font-weight: bold; padding-left: 0px; padding-right: 0px;}
	.paarden-btn{float: left; width: 150px; height: 41px; background: url('images/leesmeer-button.png') no-repeat; color: #fff; margin-top: 30px;}
.paard-naam a{color: #fff; font-size: 20px; margin-bottom: 8px;}
.paard-desc{color: #fff;}
.btn-widget{}
.widget_wp_views{padding: 10px;}

/*Blogpagina*/
.blog article {border-bottom: 2px dashed #ae95ad}

/*Wedstrijdpagina*/
.wedstrijd{float: left; margin-bottom: 15px; color: #7a1679; padding: 20px 0; border-bottom: 2px dashed #ae95ad;}
.datum{width: 160px; position: relative; float: left;}
.klasse{width: 160px; position: relative; float: left;}
.paard-2{width: 160px; position: relative; float: left;}
.starttijd{width: 160px; position: relative; float: left;}
.wedstrijdkalender tr{border-bottom: 1px solid #ae95ad !important;}

.uitgelicht{max-width: 120px; float: left; margin-right: 10px;}
h2{float: left;}


.wedstrijd h2 { margin-top: 30px; }
.wedstrijd img {border: 1px solid #ae95ad;}
.info-top{float: left; padding: 8px 0 0 0; font-weight: bold;}
.info-text{float: left; padding: 4px 0;}

/*Footer*/
#supplementary{max-height: 60px; color: #fff; position: relative; top: -70px;}
#supplementary_bg{margin: 50px auto; max-width: 1120px; background: url('images/footer_bg.jpg'); border-bottom: 10px solid #651064;}
	#supplementary aside{margin-top: 15px; background: #fff; border: none; color: #410640;}
	#supplementary .widget_text{font-size: 11px; margin: 30px 0 15px 0;}
	#supplementary .widget_text img{float: left; position: relative; top: -25px;}	

// Small screens 
@media only screen { } /* Define mobile styles */
@media only screen and (max-width: 40em) {

/*Algemeen*/	
.column, .columns{padding: 0 5px;}	

/*blogpagina*/
#bottom {margin: 0 !important;}
.blog #megaMenu {background: #ad0060; z-index: 999;}
.blog #bottom {background: none !important;}
.blog #content_bg {margin-top: 25px; }
.blog #main {margin-bottom: 25px; padding-right: 10px;}
.blog .row {padding-right: 0 !important;}

/*Header*/
.tel{width: 100%; text-align: center; padding-top: 10px;}
.mail{width: 100%; text-align: center;}
#bottom{margin: 5px; float: none; height: auto;}
.contact-info{float: left; text-align: center;}
.header-top{height: auto;}
.kampeerboerderij{display: none;}
.menu-hoofdmenu-container {display: none;}

/*Content*/
#top{height: auto; background: url('images/blokken_bg.jpg');}
.blocks{margin: 0 auto;}
.block{float: none; margin: 15px auto; height: auto;}
#content{border-top: 0px;}
.left img{width: 100%;}
.right{padding-top: 10px;}
.page-template-default #content{top: 0px;}

/*Widgets*/
.desktop{display: none;}
.mobile{display: block;}
	.blocks{display: none;}
		.blocks-mobile aside{margin: 10px auto;}
		.blocks-mobile {text-align: center; padding: 5px;}
.widget_text{margin-bottom: 20px;}
#sidebar aside{max-width: 100%;}
.row{padding-right: 0px;}
.ruitersportcentrum-img{margin-left: 0px; width: 100%;}
.post-box .entry-content{text-align: justify;}
.widget_revslider{display: none;}
.contact-info{padding: 10px;}
.required-header{margin-bottom: 8px;}	
.logo{position: relative; max-width: 100%; margin: auto 10px; float: none;}
.slide{display: none;}	
.social{padding-bottom: 0px;}
.widget-topleft .widget{min-height: 100%; margin: 15px 10px 0 10px;}
#megaMenuToggle{background: #7a1477; /* Old browsers */
background: -moz-linear-gradient(top, #7a1477 0%, #651065 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7a1477), color-stop(100%,#651065)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #7a1477 0%,#651065 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #7a1477 0%,#651065 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #7a1477 0%,#651065 100%); /* IE10+ */
background: linear-gradient(to bottom, #7a1477 0%,#651065 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7a1477', endColorstr='#651065',GradientType=0 ); /* IE6-9 */ color: #fff !important;}
#megaMenu.megaFullWidth{float: left; left: 0px !important; width: 100%; background: linear-gradient(to bottom, #7a1477 0%, #651065 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);}
#megaMenu #megaMenuToggle{font-size: 12px;}
#main{padding-left: 15px;}

/*Footer*/
#supplementary_bg{margin: 10px auto;}
#supplementary{top: 0px;}
#supplementary .widget_text{padding: 5px 0; margin-bottom: 0; margin-top: 0px;}
	#supplementary .textwidget{text-align: center; font-size: 13px; line-height: 18px;}
} /* max-width 640px, mobile-only styles, use when QAing mobile issues */ 

// Medium screens
@media only screen and (min-width: 40.063em) { } /* min-width 641px, medium screens */ 
@media only screen and (min-width: 40.063em) and (max-width: 64em) {

.logo{max-width: 180px;}
.blocks{padding-left: 15px; margin: -60px auto 35px;}
.block{margin-right: 6px; max-width: 185px; height: auto;}
.block-last{left: 0px;}
.left{max-width: 210px;}
.kampeerboerderij{display: none;}
#top{height: auto;}

} /* min-width 641px and max-width 1024px, use when QAing tablet-only issues */

// Large screens
@media only screen and (min-width: 64.063em) { } /* min-width 1025px, large screens */
@media only screen and (min-width: 64.063em) and (max-width: 90em) { } /* min-width 1024px and max-width 1440px, use when QAing large screen-only issues */ 

// XLarge screens 
@media only screen and (min-width: 90.063em) { } /* min-width 1441px, xlarge screens */ 
@media only screen and (min-width: 90.063em) and (max-width: 120em) { } /* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */

// XXLarge screens
@media only screen and (min-width: 120.063em) { } /* min-width 1921px, xlarge screens */