/* Theme Name: Freez FM Theme URI: http://www.freezfm.nl/ Description: Freez FM Template Author: RADIONL B.V. Author URI: http://www.radionl.fm/ Version: 1.0 */ #wp-auth-check-wrap #wp-auth-check { background:#000; } #cookie-law-info-bar { z-index:999999999999999 !important; } table { border-collapse: collapse; } /* th, td { border: 1px solid #333333; } */ td { width:12.5%; vertical-align: middle; padding:2px; /* text-align:center; */ } td.stefan { background:#ff6600; } td.marcel { background:#00a2ff; } td.erik { background:#ffe900; } td.ron { background:#3dc800; } tr:nth-child(even) { background:#ffffff;} tr:nth-child(odd) {} @font-face { font-family: 'Proxima Nova Soft W03 Bold'; src: url('fonts/Proxima Nova Soft W03 Bold.eot'); src: url('fonts/Proxima Nova Soft W03 Bold.eot') format('embedded-opentype'), url('fonts/Proxima Nova Soft W03 Bold.woff') format('woff'), url('fonts/Proxima Nova Soft W03 Bold.ttf') format('truetype'), url('fonts/Proxima Nova Soft W03 Bold.svg#Proxima Nova Soft W03 Bold') format('svg'); } @font-face { font-family: 'Proxima Nova Soft W03 Regular'; src: url('fonts/Proxima Nova Soft W03 Regular.eot'); src: url('fonts/Proxima Nova Soft W03 Regular.eot') format('embedded-opentype'), url('fonts/Proxima Nova Soft W03 Regular.woff') format('woff'), url('fonts/Proxima Nova Soft W03 Regular.ttf') format('truetype'), url('fonts/Proxima Nova Soft W03 Regular.svg#Proxima Nova Soft W03 Regular') format('svg'); } #myContent { text-align:left; font-size:12px; z-index:4; } .grecaptcha-badge { display:none !important;} .hidden { display:none; } html, body { /* overflow-x:hidden; */ } img:is([sizes="auto" i], [sizes^="auto," i]) { contain-intrinsic-size: revert !important; } * { margin:0; padding:0; box-sizing:border-box; } *:focus { outline: 0; } hr { border: 0; height: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(255, 255, 255, 0.3); } a.more { color:#fcce00; } .single-cpt_acties .menu-item-21, .post-type-archive .menu-item-21 { background:#fcce00; color:#000 !important;} .single-cpt_acties #menu ul li#menu-item-21 a, .post-type-archive #menu ul li#menu-item-21 a { color:#000 !important;} body { font-family: 'Proxima Nova Soft W03 Regular'; font-size:14px; color:#000000; line-height:25px; } img { height: auto; max-height: 100%; max-width: 100%; width: auto; } .wrapper { max-width:1000px; margin:0 auto; } .wrapper-pages {max-width:1000px; margin:20px auto 0; } .mobile { width:100%; height:60px; background:#000; border-bottom:2px solid #fcce00; position: fixed; z-index: 2; display:none;} .mobiel-menu {} .mobile i.fa.fa-bars { color:#fff; padding:16px;} .logo-mobile { width:140px; float:right; margin-top:7px;} .mobile-menu { width:100%; background:rgba(0,170,255,0.6); } .mobile-menu ul {} .mobile-menu ul a { text-decoration:none; } .mobile-menu ul li { border-bottom:1px solid #fff;} .mobile-menu ul a li { color:#fff; text-decoration:none; font-size:16px; padding-left: 15px; text-transform: uppercase; } .mobile-menu ul a li:hover { background:#0af;} #top { height:260px; background:#000;} .top-balk { width:100%; height:58px; background:#000; margin-top:-58px; display:inline-block;} .top-img { background:url(images/landje.jpg) top center no-repeat; height:260px; position:relative;} .logo { width:100%; max-width:420px; margin:0 auto; padding:50px 0 0 0;} #menu { z-index:2; position:relative; display:block;} #menu ul { padding:0; margin:0; list-style:none; float:left; } #menu ul li { float:left; margin:0; padding:0; overflow:hidden; } #menu ul li a { float:left; display:block; color:#fff; font-size:18px; text-decoration:none; font-family: 'Proxima Nova Soft W03 Bold', sans-serif; font-weight:700; text-transform:uppercase; padding:20px 10px 20px 10px; height:18px; overflow:hidden; box-sizing:content-box; } #menu ul li#menu-item-21 a:active { color:#000; } #menu ul li a:active, #menu ul li a:hover { background:#fcce00; color:#000 !important; overflow:hidden; } a.active { background:#fcce00; } #menu ul li a:active, #menu ul li a:hover { overflow:hidden; } #menu ul li.current_page_item a { background:#fcce00; color:#000 !important; } #menu ul.sub-menu li a { color:#000; } #menu ul ul li.current_page_item a { background:#fcce00; color:#000 !important; } /* #menu ul ul > li.current_page_item a { background:#fcce00; } */ #menu ul li ul { visibility: hidden; position: absolute; background:none; z-index:9999; } #menu ul li:hover > ul { visibility: visible; margin-top:58px; width:250px; background:#ffffff; display:block; } #menu ul ul li { background:rgba(252,206,0,0.6); border-bottom:1px solid #fcce00; width:100%; border-right:none; position: relative;} #menu ul ul li a { padding:5px 0 5px 10px; font-size:14px; width:100%;} #menu ul ul li:last-child { border:none; } #menu ul ul li a:hover { background:#fcce00; width:100%; } /* #menu ul ul li.current_page_ancestor a { background:#00aaff; } */ #menu ul ul > li.current_page_item a { width:100%; } #menu ul ul > li.current_page_item a { width:100%; } .content-blok1 { width:100%; position:relative; } .content-blok2 { width:100%; background:#e9e9e9; position:relative; } .content-blok5 { width:100%; background:#e9e9e9; position:relative; } .content-b1 { max-width: 320px; width: 100%; height: 270px; overflow: hidden; float: left; margin:20px 10px 20px 0; background: #dfdfdf; } .content-b2 { max-width: 320px; width: 100%; height: 270px; overflow: hidden; float: left; margin:20px 10px 20px 10px; background: #dfdfdf; } .content-b3 { max-width: 320px; width: 100%; height: 270px; overflow: hidden; float: left; margin:20px 0px 20px 10px; background: #dfdfdf; } .content-b4 { max-width: 320px; width: 100%; overflow: hidden; float: left; margin:10px 10px 10px 0;} .content-b5 { max-width: 320px; width: 100%; overflow: hidden; float: left; margin:10px 10px 10px 10px; } .content-b6 { max-width: 320px; width: 100%; overflow: hidden; float: left; margin:10px 0px 10px 10px; } .content-b7 { max-width: 660px; width: 100%; overflow: hidden; float: left; margin:20px 10px 20px 0px; } .content-b8 { max-width: 320px; width: 100%; overflow: hidden; float: left; margin:20px 0px 20px 10px; } .wrap-post { float:left; max-width: 660px; width:100%; } .post { padding:20px; margin-right:20px; margin-bottom:20px; max-width:660px; float:left; width:100%; border:1px solid #ebebeb;} .pages a, .post a {color:#000; text-decoration:none;} .pages a:hover, .post a:hover {color:#fcce00; text-decoration:underline;} .post ul { margin-left:20px; } .post-thumb { float:left; margin:0 20px 20px 0; max-width:150px;} .pages { padding:20px; margin-right:20px; margin-bottom:20px; max-width:660px; float:left; width:100%; border:1px solid #ebebeb;} .pages ul { margin-left:20px; } .sidebar { float:right; width:100%; max-width:320px; margin:0 0 20px 0; } .nieuwsbar { width:100%; max-width:660px; height:40px; background:#f3f3f3; float:left;} .nieuwsbar i.fa { color: #000; background: #fcce00; padding: 10.5px 11.18px; font-size:19px;} .nieuwsbar .tekstvlak { max-width:619px; width:100%; padding:9px 10px 6px; float:right;} .slider { height:270px; width:100%; max-width:660px; float:left; border-radius:4px; overflow:hidden; margin-bottom:20px;} .spelen { max-width: 320px; width: 100%; height: 40px; background:#fcce00; color:#000; text-transform:uppercase; cursor: pointer; cursor: hand;} .spelen i.fa { color: #fcce00; background: #000; padding: 10.5px 11.18px; font-size:19px;} .spelen .tekstvlak { max-width:279px; width:100%; text-align:center; padding:9px 10px 6px; float:right;} .zoeken { max-width: 320px; width: 100%; height: 40px; background:#ffffff; color:#bcbcbc; text-transform:uppercase;} .zoeken i.fa { color: #fcce00; background: #000; padding: 10.5px 11.18px; font-size:19px;} .zoeken .tekstvlak { max-width:279px; width:100%; padding:9px 10px 6px; float:right;} .social { max-width: 320px; width: 100%; height: 40px; } .social a i.fa { color: #000; background: #fcce00; padding: 10.5px 15px; height:40px; text-align:center; font-size:19px; margin-right: 6px; width:45px;} .social a:last-child i.fa { margin-right:0; } .luisteren { max-width: 320px; width: 100%; height: 40px; background:#fcce00; color:#000; text-transform:uppercase; float:right; cursor: pointer; cursor: hand;} .luisteren i.fa { color: #fcce00; background: #000; padding: 10.5px 11.18px; font-size:19px;} .luisteren .tekstvlak { max-width:279px; width:100%; text-align:center; padding:9px 10px 6px; float:right;} .advertentie { padding:10px; background:#dfdfdf; text-align:center; } #footer {width:100%; } .fw-1 { background:#fcce00 ; height:60px; overflow:hidden;} .logo-footer { width:140px; float:left; margin-top:7px;} .tekst-footer { width:500px; float:right; color:#000; font-size:28px; text-decoration:none; font-family: 'Proxima Nova Soft W03 Regular', sans-serif; text-align:right; margin-top:18px;} .fw-2 {background:#000; min-height:60px;} #footer-menu ul { padding:0; margin:0; list-style:none; float:left; } #footer-menu ul li { float:left; margin:0; overflow:hidden; padding:20px 10px 20px 10px; } #footer-menu ul li a { float:left; display:block; color:#fff; font-size:14px; text-decoration:none; font-family: 'Proxima Nova Soft W03 Regular', sans-serif; text-transform:uppercase; height:18px; overflow:hidden; } .clear { clear:both; } .nuopde { width:100%; max-width:320px; height:270px; float:right; } .nuopde .holder1 { width:100%; height:80px; display: table; padding:5px; background: rgba(255,255,255,1); background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(239,239,239,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(239,239,239,1))); background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(239,239,239,1) 100%); background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(239,239,239,1) 100%); background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(239,239,239,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(239,239,239,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efefef', GradientType=0 );} .nuopde .holder2 { width:100%; height:110px; display: table; padding:5px; background:#ffffff;} .nuopde .holder3 { width:100%; height:80px; display: table; padding:5px; background: rgba(239,239,239,1); background: -moz-linear-gradient(top, rgba(239,239,239,1) 0%, rgba(255,255,255,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(239,239,239,1)), color-stop(100%, rgba(255,255,255,1))); background: -webkit-linear-gradient(top, rgba(239,239,239,1) 0%, rgba(255,255,255,1) 100%); background: -o-linear-gradient(top, rgba(239,239,239,1) 0%, rgba(255,255,255,1) 100%); background: -ms-linear-gradient(top, rgba(239,239,239,1) 0%, rgba(255,255,255,1) 100%); background: linear-gradient(to bottom, rgba(239,239,239,1) 0%, rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#ffffff', GradientType=0 );} .nuopde .thumbnail { width:65px; height:65px; float:left; margin-right: 25px; margin-left: 5px; margin-top: 2px; } .nuopde .thumbnail2 { width:80px; height:80px; float:left; margin-right: 10px; margin-left: 5px; margin-top: 10px; } .nuopde .tekstvlak { color:#000; line-height: 15px; display: table-cell; vertical-align: middle; width: 100%; max-width: 210px;} .nuopde .tekstvlak2 { color:#000; display: table-cell; vertical-align: middle; width: 100%; max-width: 210px; line-height:18px; font-size:20px;} .acties { width:100%; max-width:320px; background:#fcce00; height:270px; } .acties .title { height:40px; width:100%; background:#fcce00; color:#000;} .acties .title h2 { padding:8px 0 0 10px;} .acties .holder { width:100%; height:76px; display: table; padding:5px; background: #e0b723; background: -moz-linear-gradient(top, #e0b723 0%, #fcce00 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #e0b723 0%,#fcce00 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #e0b723 0%,#fcce00 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0b723', endColorstr='#fcce00',GradientType=0 ); /* IE6-9 */ } .acties .thumbnail { width:65px; height:65px; float:left; margin-right: 10px; margin-left: 5px; } .acties .tekstvlak { color:#000; line-height: 15px; display: table-cell; vertical-align: middle; width: 100%; max-width: 225px;} .acties .tekstvlak a { color:#000; } .nieuws { width:100%; max-width:320px; background:#fff; height:270px; } .nieuws .title { height:40px; width:100%; background:#fff; color:#000;} .nieuws .title h2 { padding:8px 0 0 10px;} .nieuws .holder { width:100%; height:76px; display: table; padding:5px; background: rgba(235,235,235,1); background: -moz-linear-gradient(top, rgba(235,235,235,1) 0%, rgba(254,254,254,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(235,235,235,1)), color-stop(100%, rgba(254,254,254,1))); background: -webkit-linear-gradient(top, rgba(235,235,235,1) 0%, rgba(254,254,254,1) 100%); background: -o-linear-gradient(top, rgba(235,235,235,1) 0%, rgba(254,254,254,1) 100%); background: -ms-linear-gradient(top, rgba(235,235,235,1) 0%, rgba(254,254,254,1) 100%); background: linear-gradient(to bottom, rgba(235,235,235,1) 0%, rgba(254,254,254,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebebeb', endColorstr='#fefefe', GradientType=0 );} .nieuws .thumbnail { width:65px; height:65px; float:left; margin-right: 10px; margin-left: 5px; } .nieuws .tekstvlak { color:#000; line-height: 15px; display: table-cell; vertical-align: middle; width: 100%; max-width: 225px;} .nieuws .tekstvlak p a{ font-family: 'Proxima Nova Soft W03 Regular'; font-size: 14px; text-decoration:none; color: #000; } .bold { font-family: 'Proxima Nova Soft W03 Bold'; } input[type=text] { width: 100%; padding:4px 2px 2px 2px; margin: 0; border:0; color:#bcbcbc; box-sizing: border-box; font-family: 'Proxima Nova Soft W03 Regular'; font-size:14px; } .desktop { display:block; } .mobiel { display:none;} table { border-collapse: separate; border-spacing: 0px; border-color: gray; } .left { float: left; display: inline; } #playlist { padding:0;margin:0; } #playlist .white2 { color:#000000; } #playlist .header { padding:7px 0 5px 0px; } #playlist .header h2.post-title { font-size:18px; margin:0 0 10px 0; font-family: 'Proxima Nova Soft W03 Regular', sans-serif; font-weight:700; text-transform:uppercase; color:#00aaff; } #playlist .description { padding:0px; line-height:20px; border:none; color:#000000; } #playlist .description .intro { float:left; display:inline; width:300px; padding:0; margin:0; color:#000000; } #playlist .description .search { float:left;display:inline; width:100%; padding:10px;margin:0; background:#fcce00; box-sizing:border-box; } #playlist .description .search input.tiny { float:left;display:inline; width:40px; margin:0 0px 5px 0; border:1px solid #000000; color:#000000; } #playlist .description .search input.tiny.last { margin:0 0 5px 0; } #playlist .description .search input.big { width:236px; margin:0 5px 5px 0; border:1px solid #000000; color:#000000; } #playlist .description .submit { float:right;display:inline; width:79px;height:22px; padding:0;margin:0px 0 0 10px; background:none; border:none; text-indent:-9999em; background:url('images/btn_search2.png') center center no-repeat; } #playlist .description table { padding:0;margin:0; border:none; width:100%;} #playlist .description table.now { margin-top:-10px; } #playlist .description table.now td { padding:5px 0 5px 0; } #playlist .description table tr.odd { background:#eeeeee; } #playlist .description table td { padding:2px 0 2px 0;margin:0; } #playlist .description table td.time { width:100px; } #playlist .description table td.artist { width:205px; padding-right:5px; } #playlist .description table td.title { width:219px; padding-left:5px; } #playlist .description table td.social { width:20px; } #playlist .description table td.nowtime { font-size:14px; padding:17px 0 0 0; width:60px; text-align:center; } #playlist .description table td.cover { font-size:14px; padding:5px 0 5px 0; width:60px;height:60px; background:url('images/no_album_50.png') 0 5px no-repeat; } #playlist .description table td.artisttitle { padding:10px 0 0 0; width:430px; font-size:14px; } #playlist .description table td.artisttitle h2 { font-size:18px; } #playlist .description table td.social ul { list-style:none; padding:0;margin:0; } #playlist .description table td.social ul li { float:right;display:inline; padding:0;margin:0; } #playlist .description table td.social ul li.last { margin:0; } #hourSelector { padding:0;margin:0; } #hourSelector ul { padding:0;margin:0px; list-style:none; } #hourSelector ul li { float:left;display:inline; } #hourSelector ul li a { display:block; width:25px;height:14px; padding:0px 0 25px 0;margin:0 0 0 0; color: #000000; text-align:center; text-decoration:none; font-size:13px; } #hourSelector ul li.active { background:url('images/bg_hour_active.png') repeat-x; } #hourSelector ul li.active a { color:#000000; font-weight: bold; } a.twitterSmall { display:block; width:18px;height:18px; background:url('images/bg_icons_18.png') no-repeat; text-indent:-9999em; } #trackDescription { float:left;display:inline; width:400px; padding:12px 0 0 0;margin:0 10px 0 0; } #trackDescription h2 { font-size:20px; margin:0 0 5px 0; color:#ffffff; } #trackDescription h3 { font-size:16px; color:#ffffff; } iframe{ /* width: 100% !important; */ max-width:1000px !important; } div.wpcf7 { margin: 0; padding: 0; } div.wpcf7-response-output { padding: 0.2em 1em; } div.wpcf7 .screen-reader-response { position: absolute; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); height: 1px; width: 1px; margin: 0; padding: 0; border: 0; } div.wpcf7-mail-sent-ok { border: 2px solid #398f14; } div.wpcf7-mail-sent-ng { border: 2px solid #ff0000; } div.wpcf7-spam-blocked { border: 2px solid #ffa500; } div.wpcf7-validation-errors { border: 2px solid #f7e700; } span.wpcf7-form-control-wrap { position: relative; width:100%; } span.wpcf7-not-valid-tip { color: #f00; font-size: 12px; display: block; } .use-floating-validation-tip span.wpcf7-not-valid-tip { position: absolute; top: 20%; left: 20%; z-index: 100; border: 1px solid #ff0000; background: #fff; padding: .2em .8em; } span.wpcf7-list-item { margin-right: 15px } .wpcf7-display-none { display: none; } div.wpcf7 img.ajax-loader { border: none; vertical-align: middle; float:right; padding-top:5px; } div.wpcf7 div.ajax-error { display: none; } div.wpcf7 .placeheld { color: #888; } div.wpcf7 input[type="text"], div.wpcf7 input[type="email"], div.wpcf7 input[type="url"], div.wpcf7 input[type="tel"], div.wpcf7 input[type="number"], div.wpcf7 input[type="date"], div.wpcf7 textarea{ border: 1px solid #ddd; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; padding:8px 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.3s; transition: all 0.3s; color:#484747; font-family:inherit; width:100%; background:transparent; } div.wpcf7 input[type="text"]:focus, div.wpcf7 input[type="email"]:focus, div.wpcf7 input[type="url"]:focus, div.wpcf7 input[type="tel"]:focus, div.wpcf7 input[type="number"]:focus, div.wpcf7 input[type="date"]:focus, div.wpcf7 textarea:focus{ border: 1px solid #fcce00; box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); } div.wpcf7 input[type="submit"], div.wpcf7 button[type="submit"]{ text-transform:uppercase; font-weight:600; vertical-align: top; padding:8px 15px; cursor:pointer; background:#fcce00; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; color:#000; white-space: nowrap; font-weight:bold; border:1px solid rgba(0,0,0,0.1); background-image: linear-gradient(bottom, rgba(0,0,0,0.08) 0%, rgba(128,128,128,0.08) 50%, rgba(255,255,255,0.08) 100%); background-image: -o-linear-gradient(bottom, rgba(0,0,0,0.08) 0%, rgba(128,128,128,0.08) 50%, rgba(255,255,255,0.08) 100%); background-image: -moz-linear-gradient(bottom, rgba(0,0,0,0.08) 0%, rgba(128,128,128,0.08) 50%, rgba(255,255,255,0.08) 100%); background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,0.08) 0%, rgba(128,128,128,0.08) 50%, rgba(255,255,255,0.08) 100%); background-image: -ms-linear-gradient(bottom, rgba(0,0,0,0.08) 0%, rgba(128,128,128,0.08) 50%, rgba(255,255,255,0.08) 100%); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, rgba(0,0,0,0.08)),color-stop(0.5, rgba(128,128,128,0.08)),color-stop(1, rgba(255,255,255,0.08))); -moz-box-shadow:inset 0 0 1px rgba(0,0,0,0.1); -webkit-box-shadow:inset 0 0 1px rgba(0,0,0,0.1); box-shadow:inset 0 0 1px rgba(0,0,0,0.1); -webkit-transition: all 0.2s ease; transition: all 0.2s ease; margin-top:20px; } div.wpcf7 input[type="submit"]:hover, div.wpcf7 button[type="submit"]:hover{ color: #fff; background-image:none; } div.wpcf7 select{ border: 1px solid #ddd; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; padding: 0 10px; line-height: 24px; height: 34px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.3s; transition: all 0.3s; color:#888; cursor:pointer; -webkit-appearance: none; background: transparent url(images/dropdown.png) center right no-repeat; width:100%; } div.wpcf6 { margin: 0; padding: 0;}div.wpcf6-response-output { padding: 0.2em 1em;}div.wpcf6 .screen-reader-response { position: absolute; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); height: 1px; width: 1px; margin: 0; padding: 0; border: 0;}div.wpcf6-mail-sent-ok { border: 2px solid #398f14;}div.wpcf6-mail-sent-ng { border: 2px solid #ff0000;}div.wpcf6-spam-blocked { border: 2px solid #ffa500;}div.wpcf6-validation-errors { border: 2px solid #f7e700;}span.wpcf6-form-control-wrap { position: relative; width:100%;}span.wpcf6-not-valid-tip { color: #f00; font-size: 12px; display: block;}.use-floating-validation-tip span.wpcf6-not-valid-tip { position: absolute; top: 20%; left: 20%; z-index: 100; border: 1px solid #ff0000; background: #fff; padding: .2em .8em;}span.wpcf6-list-item { margin-right: 15px}.wpcf6-display-none { display: none;}div.wpcf6 img.ajax-loader { border: none; vertical-align: middle; float:right; padding-top:5px;}div.wpcf6 div.ajax-error { display: none;}div.wpcf6 .placeheld { color: #888;}div.wpcf6 input[type="text"],div.wpcf6 input[type="email"],div.wpcf6 input[type="url"],div.wpcf6 input[type="tel"],div.wpcf6 input[type="number"],div.wpcf6 input[type="date"],div.wpcf6 textarea{ border: 1px solid #ddd; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; padding:8px 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.3s; transition: all 0.3s; color:#484747; font-family:inherit; width:100%; background:transparent;}div.wpcf6 input[type="text"]:focus,div.wpcf6 input[type="email"]:focus,div.wpcf6 input[type="url"]:focus,div.wpcf6 input[type="tel"]:focus,div.wpcf6 input[type="number"]:focus,div.wpcf6 input[type="date"]:focus,div.wpcf6 textarea:focus{ border: 1px solid #00aaff; box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);}div.wpcf6 input[type="submit"], div.wpcf6 button[type="submit"]{ text-transform:uppercase; font-weight:600; vertical-align: top; padding:8px 15px; cursor:pointer; background:#00aaff; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; color:#ffffff; white-space: nowrap; font-weight:bold; border:1px solid rgba(0,0,0,0.1); background-image: linear-gradient(bottom, rgba(0,0,0,0.08) 0%, rgba(128,128,128,0.08) 50%, rgba(255,255,255,0.08) 100%); background-image: -o-linear-gradient(bottom, rgba(0,0,0,0.08) 0%, rgba(128,128,128,0.08) 50%, rgba(255,255,255,0.08) 100%); background-image: -moz-linear-gradient(bottom, rgba(0,0,0,0.08) 0%, rgba(128,128,128,0.08) 50%, rgba(255,255,255,0.08) 100%); background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,0.08) 0%, rgba(128,128,128,0.08) 50%, rgba(255,255,255,0.08) 100%); background-image: -ms-linear-gradient(bottom, rgba(0,0,0,0.08) 0%, rgba(128,128,128,0.08) 50%, rgba(255,255,255,0.08) 100%); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, rgba(0,0,0,0.08)),color-stop(0.5, rgba(128,128,128,0.08)),color-stop(1, rgba(255,255,255,0.08))); -moz-box-shadow:inset 0 0 1px rgba(0,0,0,0.1); -webkit-box-shadow:inset 0 0 1px rgba(0,0,0,0.1); box-shadow:inset 0 0 1px rgba(0,0,0,0.1); -webkit-transition: all 0.2s ease; transition: all 0.2s ease; margin-top:20px;}div.wpcf6 input[type="submit"]:hover, div.wpcf6 button[type="submit"]:hover{ color: #fff; background-image:none;} div.wpcf6 select{ border: 1px solid #ddd; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; padding: 0 10px; line-height: 24px; height: 34px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.3s; transition: all 0.3s; color:#888; cursor:pointer; -webkit-appearance: none; background: transparent url(images/dropdown.png) center right no-repeat; width:100%; } img.alignright {float:right; margin:0 0 1em 1em} img.alignleft {float:left; margin:0 1em 1em 0} img.aligncenter {display: block; margin-left: auto; margin-right: auto} .alignright {float:right; } .alignleft {float:left; } .aligncenter {display: block; margin-left: auto; margin-right: auto} span.wpcf7-list-item { display: block; } #fb-root { display: none; } .fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] { width: 100% !important; } iframe#twitter-widget-1, .twitter-timeline, .twitter-timeline-rendered { max-width:100% !important; min-width:100% !important; width: 100% !important; } img.wpcf7-form-control.wpcf7-captchac { max-width:72px; } span.wpcf7-list-item { display: block; } .wpcf7 img.ajax-loader { max-width:16px; max-height:16px; } select#drop-nav { background: url('images/hb-menu.png') top right no-repeat transparent; background-size:contain; float:left; width: 50px; margin:5px; font-size: 16px; font-weight:800; line-height: 1; border: 0; border-radius: 0; height: 50px; -webkit-appearance: none; color:#fff; text-transform:uppercase; text-indent:-9999px; } option#drop-nav { color:#000000; } #menu-playlist { height:30px; width:100%; background:#000; margin:0; display:none; border:1px solid #000; box-sizing: border-box;} select#playlist-nav { background: url('images/menu.png') top right no-repeat transparent; background-size:contain; width: 100%; padding:5px 2% 5px 2%; font-size: 16px; font-weight:800; font-family:'Roboto Condensed', sans-serif; line-height: 1; border: 0; border-radius: 0; height: 30px; -webkit-appearance: none; color:#fff; text-transform:lowercase; } option#playlist-nav { color:#000000; text-transform:lowercase; } .ssba-wrap { margin-top: 20px; border-top: 1px solid #ebebeb !important; padding-top: 5px; } .videoWrapper { position: relative; /* padding-bottom: 56.25%; */ height:700px; padding-top: 25px; height: 0; } .videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } @media print { body{ zoom: 60%; } } @media screen and (max-width: 1024px) { .wrapper { padding:0 20px; } .hart { display:none;} .nieuwsbar { width:100%; max-width:1000px; } .nieuwsbar .tekstvlak { max-width:calc(100% - 41px); } .slider { max-width:100%; height:auto; } .spelen { width:100%; max-width:1000px; } .spelen .tekstvlak { max-width:calc(100% - 41px); } .zoeken { width:100%; max-width:1000px; } .zoeken .tekstvlak { max-width:calc(100% - 41px); } .luisteren { display:none;} .nuopde { display:none; } #menu-playlist { display:block;} #hourSelector { display:none; } .advertentie {/* display:none; */ } #footer-menu ul li { width:100%; padding:5px 0;} .social { display:none;} .content-b1 { max-width: 50%; width: 100%; height: 270px; overflow: hidden; float: left; margin:20px 0px 20px 0; background: #fff; padding:0 10px 0 0;} .content-b2 { max-width: 50%; width: 100%; height: 270px; overflow: hidden; float: right; margin:20px 0px 20px 0px; background: #fff; padding:0 0px 0 10px; } .content-b3 { /* display:none; */ } .content-b4 { max-width: 50%; width: 100%; overflow: hidden; float: left; margin:10px 0px 10px 0; padding:0 10px 0 0;} .content-b5 { max-width: 50%; width: 100%; overflow: hidden; float: right; margin:10px 0px 10px 0px; padding:0 0px 0 10px; } .content-b6 { display:none; } .content-b7 { max-width: 100%; width: 100%; overflow: hidden; float: left; margin:20px 0px 20px 0px; } .content-b8 { display:none; } .acties { width:100%; max-width:100%; background:#fcce00; height:270px; } .acties .title { height:40px; width:100%; background:#fcce00; color:#000;} .acties .title h2 { padding:8px 0 0 10px;} .acties .holder { width:100%; height:76px; display: table; padding:5px;} .acties .thumbnail { width:65px; height:65px; float:left; margin-right: 10px; margin-left: 5px; } .acties .tekstvlak { color:#000; line-height: 15px; display: table-cell; vertical-align: middle; width: 100%; max-width: 225px;} .nieuws { width:100%; max-width:100%; background:#fff; height:270px; } .nieuws .title { height:40px; width:100%; background:#fff; color:#000;} .nieuws .title h2 { padding:8px 0 0 10px;} .nieuws .holder { width:100%; height:76px; display: table; padding:5px; background: rgba(235,235,235,1); background: -moz-linear-gradient(top, rgba(235,235,235,1) 0%, rgba(254,254,254,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(235,235,235,1)), color-stop(100%, rgba(254,254,254,1))); background: -webkit-linear-gradient(top, rgba(235,235,235,1) 0%, rgba(254,254,254,1) 100%); background: -o-linear-gradient(top, rgba(235,235,235,1) 0%, rgba(254,254,254,1) 100%); background: -ms-linear-gradient(top, rgba(235,235,235,1) 0%, rgba(254,254,254,1) 100%); background: linear-gradient(to bottom, rgba(235,235,235,1) 0%, rgba(254,254,254,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebebeb', endColorstr='#fefefe', GradientType=0 );} .nieuws .thumbnail { width:65px; height:65px; float:left; margin-right: 10px; margin-left: 5px; } .nieuws .tekstvlak { color:#000; line-height: 15px; display: table-cell; vertical-align: middle; width: 100%; max-width: 225px;} .content-blok1 .content-b3 { display:none;} .content-blok5 .content-b3 { display:none;} .content-blok2 .content-b1 { display:none;} .content-blok2 .content-b2 { float:left; max-width: 50%; width: 100%; height: 100%; overflow: hidden; background:none; padding:0 10px 0 0px; margin:20px 0;} .content-blok2 .content-b3 { float:right; max-width: 50%; width: 100%; height: 100%; overflow: hidden; background:none; padding:0 0px 0 10px; margin:20px 0;} .wrap-post {max-width:calc(65% - 20px);} .post {max-width:100%;} .pages {max-width:calc(65% - 20px);} .sidebar {max-width:35%;} } @media screen and (max-width: 800px) { .desktop { display:none; } .mobiel { display:block; } iframe{ /* width: 100% !important; */ max-width:800px !important; } } @media screen and (max-width: 720px) { #menu { display:none; } .mobile { display:block;} #top { display:none; } .logo { display:none; } .wrap-post {max-width:100%; margin-right: 0;} .post {max-width:100%; margin-right: 0;} .pages {max-width:100%; margin-right: 0;} .sidebar {max-width:100%;} .nieuwsbar { /* margin-top:60px; */ } iframe{ /* width: 100% !important; */ max-width:720px !important; } } @media screen and (max-width: 640px) { .zoeken { display:none;} .content-b4 { max-width: 100%; width: 100%; overflow: hidden; float: left; margin:10px 0px 10px 0; padding:0 0px 0 0;} .content-b5 { display:none; } .content-b1 { max-width: 100%; width: 100%; height: 270px; overflow: hidden; float: left; margin:20px 0px 10px 0; background: #fff; padding:0 0px 0 0;} .content-b2 { max-width: 100%; width: 100%; height: 270px; overflow: hidden; float: right; margin:10px 0px 20px 0px; background: #fff; padding:0 0px 0 0px; } iframe{ /* width: 100% !important; */ max-width:640px !important; } }