/*
Theme Name: 112 Pers 
Theme URI: https://www.112.press
Description: Thema voor de 112 Persgroep site's.
Author: Jort van der Heide
Author URI: https://www.24webvertising.nl
Version: 0.1
License: BSD 2-Clause
*/

-------------------------------------------------------------------------------*/

body, select, input, textarea {
	color: #222; 
	font-size: 1.1em; 
	line-height: 1.6em;}

H1 { font-size: 3.5em; line-height: 1em; font-weight: bold; }
H2 { font-size: 3em; line-height: 1em; font-weight: bold; }
H3 { font-size: 2.5em; line-height: 1em; font-weight: bold; }
H4 { font-size: 1.3em; line-height: 1.2em; font-weight: bold; }
H5 { font-size: 1em; line-height: 1.2em; font-weight: normal; font-style: italic; color: #555; border-top: #ddd 1px solid; padding-top: 1em; margin-top: 1em; }

.single-title { background: #333; color: #fff; padding: 1em 1.5em; margin: 0; text-transform: uppercase;}
.hometitle, .archivetitle { font-size: 2em !important; line-height: 1.8em; background: #cc3300; color: #fff; padding-left: 0.5em; margin-top: 0.5em;}

.wsp-container H2 { font-size: 2em !important; color: #444; }

.desktop {display: initial;}
.tablet {display: none !important; }
.mobile {display: none !important; }
.mobile-news { display:  none !important; }

.margin-top { margin-top: 4em; }

	
a {color: #cc3300; text-decoration: none;}
a:hover {color: #cc3300; text-decoration: none;}
.red { color: #cc3300; }

::-moz-selection{background: #cc3300; color: #fff; text-shadow: none;}
::selection {background: #cc3300; color: #fff; text-shadow: none;}

a:link {-webkit-tap-highlight-color: #cc3300;}

ins {background-color: #cc3300; color: #000; text-decoration: none;}
mark {background-color: #cc3300; color: #000; font-style: italic; font-weight: bold;}

.right { text-align: right; }
.left { text-align:  left; }

input:-moz-placeholder { color:#a9a9a9; }
textarea:-moz-placeholder { color:#a9a9a9; }

/* Flex things */
.flex-container {
  display: flex;
  flex-basis: auto;
  flex-direction: row;
  flex-flow: row;
}

.flex-container-footer {
  display: flex;
  flex-basis: auto;
  flex-direction: row;
  flex-flow: row;
}

.quarter { width: 25%; }
.quarter3 { width: 75%; }
.half { width: 50%; }
.third { width: 33.333333%; width: calc(100%/3); }
.third2 { width: 66.6666666%; width: calc(100%/3 * 2); }

.headline { margin-bottom: 1em; }

.alm-reveal {
	display: flex;
	flex-basis: auto;
	flex-direction: row;
	flex-flow: row;
}

/* Gaps */

.half:first-of-type {
	margin: 0 0.5em 0 0;
}

.half:last-of-type {
	margin: 0 0 0 0.5em;
}

.quarter {
	margin: 0 0.5em 0 0.5em;
}

.quarter:first-of-type {
	margin: 0 0.5em 0 0;
}

.quarter:last-of-type {
	margin: 0 0 0 0.5em;
}


.center { align-items: center;  justify-content: center; }
.relative { position: relative;  }
/* Main things */

body {background: #efeeee;}
#content { margin: 0 1em; }
.post { padding: 1.5em; }

.article-img { color: #fff; height: 450px; background: #ddd; -webkit-box-shadow: inset 0px 0px 100px 0px #222; box-shadow: inset 0px 0px 100px 0px #222; transition: 0.4s; position: relative; }
.article-img:hover { -webkit-box-shadow: inset 0px 0px 250px 0px #000; box-shadow: inset 0px 0px 250px 0px #000; }
.article-img a { color: #fff; }
.article-img h2 { font-size: 1.8em; margin-top: 0.4em; }
.article-img p { margin-top: 0.5em; }
.article-img header { position: absolute; bottom: 0; padding: 1.5em 1em 1em 1em; min-height: 180px; background: rgba(0, 0, 0, 0.3); }
.article-img .meta { border-bottom: #cc3300 1px solid; font-size: 0.8em; padding: 0.3em 0; font-style: italic; color: #eee; }
.meta a:first-of-type { text-transform: capitalize; }
.article-img .meta i { font-size: 1em; margin: 0 0.3em; color: #fff;}
.icon-right { float: right; }

#articles {padding-bottom: 2.5em;}
.article-date {font-size: 0.8em; color: #bbb; line-height: 2em; font-style: italic;}
.addthis_inline_share_toolbox { margin: 1em 0; }

.grecaptcha-badge { visibility: hidden; }
.usp-upload-message { display: none;}

.article-medium img { width: 100%; margin-bottom: 1em; }
.article-medium h4 { font-size: 2em; }
.article-medium p { margin: 1em 0; }
.article-medium footer ul { padding: 0.5em 0; }
.article-medium footer ul li { display: inline-block; }
.article-medium footer ul li i { font-size: 1.2em; color: #666; top:0.1em; margin: 0 0.2em; }

.article-small img { width: 100%; margin-bottom: 0.5em; }
.article-small p { font-size: 0.9em; margin: 0.3em 0; }
.article-small footer { position: absolute; bottom: -2.5em; }
.article-small footer ul { padding: 0.5em 0;}
.article-small footer ul li { display: inline-block; }
.article-small footer ul li i { font-size: 1.2em; color: #666; top:0.1em; margin: 0 0.3em; }

.article-single {font-size: 130%; line-height: 180%; }
.article-single img {width: 100%; }
.article-single h2 { line-height: 1.2em; }
.article-single h1, h4, p { margin: 0.5em 0; }
.article-single ul {list-style: disc; margin-left: 1em;}
.article-single h4 { color: #666; }
.article-single p { margin: 1.2em 0; }
.article-single p:first-of-type { font-weight: bold; font-size: 120%; }
.article-single p a:hover {text-decoration: underline;}
.article-single .meta { color: #ccc; padding: 0.5em 0; }
.article-single h4 p { font-size: 80% !important; font-weight: normal !important; font-style: italic; }

.archivepage, .single-page { padding: 1.5em; }
.archivepage article { border-bottom: #ddd 1px solid; padding-bottom: 0.5em;}
.archivepage .post { padding: 0 0 0.8em 0 !important; margin: 1em 0;}
.single-page H2 { margin-bottom: 0.5em; }

#alarm-mobile { display: none; }

.shop-text { padding: 0.5em; }
.shop-item h4 { color: #222 !important;}
.shop-item { text-align: center; border: #ccc 1px solid; border-radius: 1em; width: 33.333333%; width: calc(100%/3 - 1em); float: left; padding: 0.5em; margin: 0.5em; }
.shop-item img { -webkit-transition: -webkit-transform 0.4s; transition: transform 0.4s; }
.shop-item img:hover { transform: scale(1.01); }


.errorpage { background: #cc3300; padding: 3em; color: #fff; text-align: center;}

.alm-load-more-btn { background: #cc3300 !important; text-transform: uppercase; font-weight: bold !important; text-align: center;}
.alm-btn-wrap { margin-top: 2em !important; }
.alm-reveal { margin-top: 1em; }

#gallery { background: #cc3300; box-sizing: content-box;}
#gallery h3 {color: #fff; }
#gallery ul { display: flex; flex-wrap: wrap; }
#gallery ul li {width: 25%;   }
#gallery ul li img { min-height: 250px; object-fit: cover; margin-bottom: -6px;}
#img-gallery { margin-top: 1em; }
.img-gallery { float: left; width: 50% !important; margin-top: -0.6em; }

#comments {max-width: 1400px !important; margin: 0px !important; }

#bottom { background: #222; padding: 1.8em; color: #fff; }
#bottom ul li { display: inline-block; width: calc(100%/6 + 1em); line-height: 1.5em; font-size: 0.9em; }
#bottom ul li a { color: #fff; }
#bottom ul li a:hover { color: #fff; text-decoration: underline; }

#bottom-menu { background: #444; padding: 1em 1.8em; color: #999; text-align: right; }
#bottom-menu ul li { display: inline-block; }
#bottom-menu ul li a { padding: 0.5em; color: #ccc; }
#bottom-menu ul li a:hover { color: #fff; text-decoration: underline; }
#bottom-menu ul li i { color: orange; font-size: 0.9em; top: 0; }

.clear {clear: both;}
.accent {color: #cc3300; font-weight: bold;}
.accent-inverse {color: #fff; font-weight: bold; background: #cc3300;}

#wrapper { width: 90vw; max-width: 1280px; margin: 0px auto; background: #fff; font-size: 0.9em;}

#header { background: #fff; padding: 2em; }
.header-logo { float: left; max-width: 100px; margin-right: 0.5em; }
.description { color: #aaa; }
#header h1 { padding-top: 0.45em; }
#header h1 a { margin-left: 0.5em; }
.search-form { padding-top: 2em; padding-left: 5em; text-align: right; }
.input-form { padding: 0.5em; background: #fff; border: #ddd 1px solid; border-radius: 3px; width: 75%; }
.input-button { padding: 0.63em; background: #cc3300; border: #e16644 1px solid; border-radius: 3px; width: 20%; color: #fff; text-transform: uppercase; font-weight: bold; }

#alarmering { background: #333; color: #eee; text-transform: uppercase; font-weight: bold; font-size: 0.75em; padding: 1.5em; }
#alarmering ul li {display: inline-block; padding: 0.5em 1em; border-right: #666 1px solid;}
#alarmering ul li:first-of-type {border-right: none;}
#alarmering ul li:last-of-type {border-right: none;}

#topmenu {background: #222; border-bottom: #cc3300 3px solid; padding: 1em; }
#topmenu ul li {display: inline-block; padding: 0.2em 0.9em; font-weight: bold; text-transform: uppercase; font-size: 0.9em;}
#topmenu ul li a {color: #eee; }
#topmenu ul li a:hover {color: #fff; }

#mobile-menu {background: #222; color: #fff; width: 100vw; }
#mobile-menu ul li {display: inline-block; padding: 0.2em 0.9em; font-weight: bold; text-transform: uppercase; font-size: 0.9em;}
#mobile-menu ul li a {color: #eee; }
#mobile-menu ul li a:hover {color: #fff; }
.mobile-menu-burger { background: #cc3300; color: #fff; float: left; padding: 0.7em; font-size: 2.5em; text-align: center; margin-right: 0.5em; }
.mobile-menu-burger i { margin: 0 !important; }
.mobile-menu-normal { float: left; padding: 1.8em 1em 0 1em; }
.mobile-menu-weather { float: left; padding: 1.5em 0.8em; }
.mobile-menu-normal a { color: #fff; }
.mobile-menu-normal i { font-size: 2em !important; margin: 0; padding: 0; top: 0.1em; }

#hamburger-menu { background: #333; padding: 1em; position: absolute; width: 50vw; font-weight: bold; text-transform: uppercase; z-index: 1000000000;}
#hamburger-menu a { color: #fff; }
#hamburger-menu li {line-height: 2em; border-bottom: #444 1px solid;}
#hamburger-menu a:hover { color: #fff; text-decoration: underline; }

#mobile-search { padding: 0.5em 1em;}

#menu-hoofdmenu-1 { padding: 1em; }

.menu-hoofdmenu-container ul ul { display: none;  position: absolute; top: 2.5em; z-index: 99999; background: #222; padding: 1em 3em 1em 0.5em; left: -0.5em; }
.menu-hoofdmenu-container ul ul li { line-height: 2em; width: 100%; }
.menu-hoofdmenu-container ul ul li:before { color: #fff; }
.menu-hoofdmenu-container ul ul li a { color: #fff !important;}
.menu-hoofdmenu-container ul li:hover > ul { display: block; }
.menu-hoofdmenu-container li { position: relative; }
.menu-item-has-children a { padding-bottom: 2em; }
.menu-item-has-children:after { content: "▼"; color: #fff; padding-left: 2px; font-size: 10px; position: relative; top-2px; }

#headlines { background: #cc3300; color: #fff; }
#headlines ul { margin: 0.8em 0; }
#headlines ul li { margin: 1em 0; border-bottom: #ce7f69 1px solid; line-height: 2em;  }
#headlines ul li a { color: #fff; }
#headlines ul li a:hover { color: #fff; text-decoration: underline; }

#footer { background: #ccc ; }
#footer div.weer { background: #2e557a; }
#footer .col { min-height: 280px; }


.item-image { min-height: 500px; }
.item-meta { background: #eee; padding: 0.5em 1em; border-radius: 1em; max-width: 30%; text-align: center;}
.item-description { padding: 2em; }
.item-description p:first-of-type { color: #666; }
.item-description h2 { margin-bottom: 0.5em; }
.item-description button { background: #cc3300; color: #fff; padding: 1em 2em; border: none; font-weight: bold; text-transform: uppercase; margin-top: 1em; border-radius: 1em;}

.price { text-transform: uppercase; font-weight: bold; font-size: 2em; color: #cc3300; margin: 1em 0;}

.desc { margin: 2em 0;}

#weather, #social { background: #cc3300; color: #fff; padding: 2em; }
#social h4 { margin: 0.25em 0; }

.footer-widget { background: #f9f9f9; padding: 0.5em 1em;}

li.recentcomments { padding: 1em 0; border-top: #ddd 1px solid; margin-top: 15px; }
ul.recentcomment { margin-top: 15px;}

[aria-current]:not([aria-current="false"]) {
  font-weight: bold;
  color: #fff !important;
}

span [aria-current]:not([aria-current="false"]) {
  font-weight: bold;
  color: #fff !important;
}

.ad { background: #ddd; padding: 4.5em; text-align: center; color: #bbb; margin: 1em 0; }
.ad-info { background: #268ed0; color: #fff; padding: 2em;  }
.ad-square { height: 320px; }

/* Icons */
.icon {
	width: 20px;
	height: 20px;
}

#alarmering i {
	position: relative;
	margin-right: 0.4em;
	font-size: 0.4em;
	top: -0.1em;
}

#alameringmob i {
	position: relative;
	margin-right: 0.4em;
	font-size: 0.3em;
}

.alarm-icon-small {
	max-height: 12px;
	max-width: 12px;
}

.alarm-icon-large {
	max-height: 38px;
	max-width: 38px;
}


i {
	position: relative;
	font-size: 0.6em;
	margin-right: 0.6em;
	top: -0.3em;
}

H2 i {
	font-size: 0.4em;
	margin-right: 0.4em;
	top: -0.4em;
}

.single-title i {
	color: #ccc;
}

.large-icon {
	height: 34px;
}

.small-icon {
	height: 10px;
	float: left;
	margin-top: 0.1em;
	margin-right: 0.5em;
}

#weather a, #social a {
	color: #fff;
}

#weather i, #social i {
	font-size: 1.5em;
	margin-top: 0.5em;
}

/* Rest */

.dem-copyright {display: none;}
.usp-images label { font-weight: bold; font-size: 110%; }
.usp-submit { background: #cc3300; color: #fff; text-transform: uppercase; font-weight: bold; border: none; padding: 0.5em 1em;}
.wpcf7-form-control {max-width: 100%;}


.embed-container { 
position: relative; 
padding-bottom: 56.25%;
overflow: hidden;
max-width: 100%;
height: auto;
} 

.embed-container iframe,
.embed-container object,
.embed-container embed { 
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.rltdpstsplgn-popular-posts article {
	padding: 0 !important;
}

/* Calendar */
.tribe-common .tribe-common-c-btn, .tribe-common a.tribe-common-c-btn {
	background: #cc3300 !important;
}

.tribe-events .tribe-events-c-ical__link:active, .tribe-events .tribe-events-c-ical__link:focus, .tribe-events .tribe-events-c-ical__link:hover {
	background: #cc3300 !important;
}

.tribe-events .tribe-events-calendar-month__day--current .tribe-events-calendar-month__day-date, .tribe-events .tribe-events-calendar-month__day--current .tribe-events-calendar-month__day-date-link {
	color: #cc3300 !important;
}

.tribe-common .tribe-common-c-svgicon, .tribe-events-gcal, .tribe-events-button, .tribe-events-gmap, .tribe-events-event-meta a, .tribe-events-event-meta a:visited {
	color: #cc3300 !important;
}

.tribe-events-c-ical__link {
	color: #cc3300 !important;
	border-color: #cc3300 !important;
}

.tribe-events-content a {
	border-bottom: 1px solid #cc3300 !important;
}

.Rtable {
  display: flex;
  flex-wrap: wrap;
  margin: 0 0 3em 0;
  padding: 0;
}
.Rtable-cell {
  box-sizing: border-box;
  flex-grow: 1;
  width: 100%;
  padding: 0.8em 1.2em;
  overflow: hidden;
  list-style: none;
  background: #eee;
}

.Rtable-cell > h1,
.Rtable-cell > h2,
.Rtable-cell > h3,
.Rtable-cell > h4,
.Rtable-cell > h5,
.Rtable-cell > h6 {
  margin: 0;
}
/* Table column sizing
================================== */
.Rtable--2cols > .Rtable-cell {
  width: 50%;
}
.Rtable--3cols > .Rtable-cell {
  width: 33.33%;
}
.Rtable--4cols > .Rtable-cell {
  width: 25%;
}
.Rtable--5cols > .Rtable-cell {
  width: 20%;
}
.Rtable--6cols > .Rtable-cell {
  width: 16.6%;
}

.table-heading {font-weight: bold; color: #cc3300; text-transform: uppercase; background: #ddd;}

.addthis_inline_follow_toolbox p {
	display: none;
}

/* Media queries! */

@media screen and (min-width: 900px) {
	#mobile-search {
		display: none !important;
	}
	
	#hamburger-menu {
		display: none !important;
	}
}

@media screen and (max-width: 1350px) {
	.ad-square { height: 300px; }
}

@media screen and (max-width: 1200px) {
  .desktop {
	  display: none !important;
  }
  
  .tablet {
	  display: block !important;
  }
  
  .ad-square { height: 300px; }
  
  	
	.article-small footer {
		display: none;
	}

  #alarmering {
	  display: none;
  }
  
  #weather {
	  display: none;
  }
  
  #alarmeringmob {
background: #333; color: #eee; text-transform: uppercase; font-weight: bold; font-size: 0.65em; display: block;
  }
  
  #wrapper {
	  width: 100vw;
  }
  
  .ad-info {
    display: none;
  }
  
  .article-medium h4 { font-size: 1.3em }
 
  #headlines .meta {display: none;}
  
  #gallery ul li {  width: 33.333333%; width: calc(100%/3); }
  #gallery ul li img { min-height: 300px; }
  
}

@media screen and (max-width: 900px) {
	
	#product .half {
		width: 100%;
	}
	
	.item-image { display: none; }
	
	#bottom { display: none; }
	
	
	.tablet, .search-form, .desktoptablet {
		display: none !important;
	}
	
	.mobile {
		display: flex !important;
	}
	
	.Rtable {
		display: none;
	}
	
	#alarm-mobile {
		display: table;
	}
	
	.alarm-mobile-item:nth-child(even) {
		background: #eee;
		padding: 0.3em;
	}
	
	.mobile-news {
		display: block !important;
	}
	
	.ad-square { height: 220px; }
	
	#header {
		margin: 0;
		padding: 1.5em 0 1.5em 0;
		text-align: center;
	}
	
	#header img {
		max-width: 75vw;
		max-height: 15vw;
	}

	
	.third {
		width: 100%;
	}
	
	.archivetitle {
		font-size: 1.5em !important;
		line-height: 1.5em;
		padding: 0.5em;
	}
	
	.ad-refresh {
		max-height: 100px;
	}
	
	.post h3 {
		font-size: 1.8em;
	}
	
	.article-single h2 { font-size: 2.2em; line-height: 1.2em; }
	.article-single {font-size: 110%; line-height: 170%; }
	#header h1 a { margin-left: 0; }
	
	.flex-container-footer {
		display: inherit; margin: 0.5em 0;
	}
	
	#discuss {
		margin: 1.5em;
	}
	
	.shop-item {
		width: calc(100%/2 - 1em);
	}
		 
  #topmenu {
	  display: none;
  }
  
  #bottom-menu {
	  text-align: left;
  }
  
  #gallery ul li img { min-height: 220px; }
}

@media screen and (max-width: 700px) {
	#bottom ul li { display: inline-block; width: calc(100%/3 - 1em); line-height: 1.5em; }
	
	 #gallery ul li {
		 width: 50%;
	 }
	 
	 .img-gallery {
		 width: 100%;
		 float: none;
	 }
	 
	 .margin-top { margin-top: 0em; }
	 
	 .ad-refresh {
		max-height: 80px;
	}
	
	.ad-square { height: 165px; }
  
	.mobile-menu-burger {
		padding: 0.35em 0.5em;
	}
	 
	 .mobile-menu-normal {
		padding: 1.2em 0.8em;
	}
	
	.mobile-menu-weather {
		padding: 0.5em 0.6em;
	}
	 
	.mobile-menu-normal i {
		font-size: 1.3em !important;
		top: 0.4em;
	}
	
	.alarm-icon-large {
		
		max-height: 32px;
		max-width: 32px;
		padding-top: 0.2em;
	}
	
	.simple-weather__temp {
		font-size: 80% !important;
	}
	
	.simple-weather__date {
		margin-top: 0.45em;
	}
	
	.large-icon {
		height: 30px;
		padding-top: 0.3em;
	} 
	
	#gallery ul li img { min-height: 250px; }
	
	
	 
}

@media screen and (max-width: 420px) { 
	
	.mobile-menu-weather {
		padding: 0.5em;
	}
	
	.simple-weather__date {
		font-size: 70% !important;
	}
	 
	.mobile-menu-normal {
		padding: 1.2em 0.5em;
		font-size: 1em !important;
	}
	
	.alarm-icon-large {
		max-height: 28px;
		max-width: 28px;
	}
	
	#gallery ul li img { min-height: 200px; }
	
	.simple-weather--view-large-icons .simple-weather__day {
		padding-left: 3em !important;
	}
	
	.ad-square {
		height: 150px;
	}
	
	#gallery ul li img { min-height: 160px; }
}


@media screen and (max-width: 280px) { 
	
	.sw, .sw sw-owm-804 {
		display: none !important;
	}
	
	
	.simple-weather--view-large-icons .simple-weather__day {
		padding-left: 0 !important;
	}
}