/* Theme Name: UNITiD Thema Theme URI: http://themefortress.com/reverie/ Description: Gebaseerd op de HTML5 & responsive Wordpress framework Reverie . Version: 3.0.0 Author: Zhen Huang & Sebastian Conijn Author URI: http://www.sebastianconijn.nl/ License: MIT License License URI: http://www.opensource.org/licenses/mit-license.php */ /* -------------------------------------------------- Table of Contents ----------------------------------------------------- :: Customized Adjustments of Foundation for WordPress :: Styling Basic WordPress Outputs :: Customize Foundation Style Pagination for WP-Pagenavi :: Customize for BuddyPress :: Your Customized Style */ /* --------------------------------------------------- Customized Adjustments of Foundation for WordPress --------------------------------------------------- */ @media handheld, only screen and (max-width: 767px) { header { position: relative; } header .menu-action { float: left; position: relative; top: 1px; margin-top: -12px; } header .menu-action .button.small { padding: 8px; } header .menu-action .button.small svg { opacity: 0.5; } header h4 { font-size: 17px; font-size: 1.7rem; } } /* ----------------------------------------- Styling Basic WordPress Outputs ----------------------------------------- */ /* Global */ body{min-width:320px;} h1, h2, h3, h4, h5 {font-family: 'proxima nova regular', "Helvetica Neue", "Helvetica", Arial, Verdana, sans-serif; font-weight: 300; margin-bottom:6px; line-height: 1.3;} /* Add Divider for Listed Posts */ .divider { background:url(images/divider.png) no-repeat center top; height:36px; margin:20px 0 27px; } /* Add Class for Images */ img.alignright { float: right; margin: 0 0 18px 18px; } img.alignleft { float: left; margin: 0 18px 18px 0; } img.aligncenter { display: block; margin: 18px auto; } /* Add HTML5 Class for Images */ figure img { height: auto; margin: 0 auto; display: block; /*border-image: initial;*/ } span.beta{vertical-align: super; font-size:1.2rem;} /* Add HTML5 Caption Class for Images */ figure.figure { margin: 0 auto; -webkit-border-radius: 3px; -moz-border-radius: 3px; /*display: inline-block;*/ } figure.figure figcaption { padding: 8px 10px; font-size: 13px; font-size: 1.3rem; line-height: 18px; color: #555;} figure.alignright.figure { float: right; margin: 0 0 18px 18px; } figure.alignleft.figure { float: left; margin: 0 18px 18px 0; } .wp-smiley{display:inline; margin:0px;} /* Sidebar Adjustment */ .sidebar-section { padding-bottom: 10px; padding-top: 20px; font-size: 13px; font-size: 1.3rem; font-weight: normal; } /* Footer Nav */ .footer-section { padding-bottom: 10px; padding-top: 20px; font-size: 13px; font-size: 1.3rem; font-weight: normal; } /*.footer-nav li { display: block; float: right; padding-left: 3%; margin-bottom: 0; }*/ /* Breadcrumb Adjustment */ ul.breadcrumbs li span { padding-left: 3px; } ul.breadcrumbs li a { padding-left: 0; } /* Comment Textarea Adjustment */ #respond textarea { height: 100px; } .vcard, .tel{display:inline;} /* ------------------------------------------------------- Adjust Foundation 3 Pagination Style for WordPress ---------------------------------------------------- */ ul.page-numbers { display: block; height: 24px; margin-left: -5px; } ul.page-numbers li {float: left; display: block; height: 24px; color: #999; font-size: 14px; margin-left: 5px; } ul.page-numbers li a { display: block; padding: 1px 7px 1px; color: #555; } ul.page-numbers li:hover a, ul.page-numbers li a:focus { background: #f93c05; color:#FFF; } ul.page-numbers li.unavailable a { cursor: default; color: #999; } ul.page-numbers li.unavailable:hover a,ul.page-numbers li.unavailable a:focus { background: transparent; } ul.page-numbers li span.current { background: #f93c05; color: #fff; font-weight: bold; cursor: default; display: block; padding: 1px 7px 1px; } /* --------------------------- :: Customize for BuddyPress --------------------------- */ .padder label + textarea { margin-top: 0; } .padder #item-body #message-threads .thread-avatar img { max-width: 50px; } ul.item-list.activity-list li.new_blog_post { padding-bottom: 15px; } .padder select { display: inline-block; } .padder div.item-list-tabs { margin: 25px 0; } .padder form#whats-new-form textarea { height: 30px; } .padder .button { display: inline; } /* -------------------------- Image video overlay setup - Use this setup to overlay images on embeded video ----------------------- */ .videoImage { color:white; text-align: center; padding-top:20px; } .videoImage iframe{ height:100%; background-color: #000000; visibility:hidden; position: absolute; } .videoImage .hide{ visibility:hidden; } .show, .videoImage iframe.show{ visibility:visible; position: relative; display:block; } /* -------------------------- Algemeen ----------------------- */ body{background:#ececec;} #container{ min-width:320px; max-width:1200px; margin:0 auto; border:1px solid #CCC; border-top:0px; } .boxshadow #container{border:0px; box-shadow: 0px 0px 5px rgb(206,206,206);} .row{background:#FFF; border:0px;} section{border-bottom:1px solid #dfdfdf; padding:0px 0px;} section.casePage{border-bottom:0px;} section#header-image, section:last-of-type{border-bottom:0px;} .ten.columns.wrapper{margin:0px auto; float:none; padding:0px 15px;} .twelve.columns.grey{background:url(images/shadow-bottom.png) repeat-x #f8f8f8 bottom; padding:0 0px 30px 0px;} .twelve.columns.grey .top-wrapper{background:url(images/shadow-top.png) repeat-x top; width:100%; float:left; padding:0 15px;} /*.wrapper .columns{padding:0px;}*/ #howwework .wrapper .columns{padding: 0 15px;} .wrapper .columns .columns{padding:0px 15px;} h3{font-family:'proxima nova bold'; text-align:center; font-size:36px; color:#362f34; line-height:40px;} iframe{max-width:100%;} /* kleur rood */ .red, a{color:#f93c05; border:0px;} a:hover{color:#f93c05; text-decoration:underline;} img{border:0px;} /* Christmas */ /* end specials */ h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, ul#menu-default-1 li a:hover, nav ul.nav-bar li.menu-item a:hover, #top-nav a:hover{text-decoration:none;} a:focus{color:#900; outline:0; -moz-outline-style: none;} /* grijs */ a.grey{color:#362f34;} a.grey:hover{color:#f93c05;} /*header div.wrapper{display:table; background:url(images/logo.png) no-repeat 0px 0px;}*/ #logo{height:155px;} #logo a{width:100%; height:100%; float:left; display:block;} #logo a img{padding:20px 0; max-width:inherit;} /* Download Logo */ #dlogo_container{display:none; padding:0; max-width:1200px; width:100%; margin:0 auto 0; text-align:center; background:rgba(195,195,195,1.00); -moz-box-shadow: inset 0px 0px 5px #979797; -webkit-box-shadow: inset 0px 0px 5px #979797; box-shadow: inset 0px 0px 5px #979797;} #dlogo_container .dlogo_wrapper{display:table; width:100%;} #dlogo_container h2{font-size:30px; margin:30px 0 15px 0;} #dlogo_container table{margin:0 auto 20px; border:0;} #dlogo_container table td{vertical-align:middle;} #dlogo_container table img{width:80px;} #dlogo_container .download_all_logos{color:#222; text-decoration:underline; font-size:12px; display:table; margin:0 auto 20px;} .error404 h1{margin-top:44px;} #language{padding:0; color:#999; font-size:14px; background:none; text-align:center; line-height:24px; max-width:1200px; margin:0 auto; width:100%; display:table;} #language a{color:#999; font-size:14px; font-family:'proxima nova regular';} #main-navigation .zoekformulier{display:none;} nav{margin-top:108px; float:right;} nav a.zoekmenu{display:inline; float:left;padding:6px; background:url(images/search.png) no-repeat 6px 6px; width:30px; height:30px;} /* navigatie */ #main-navigation{text-align:right;} p.menu a{display:none;} p.zoeken{display:none;} nav.dropdown p{display:none;} nav ul.nav-bar{list-style:none; float:left; top:100px; right:0px;} nav ul.nav-bar li{display:block; font-family:'proxima nova regular'; font-size:1.9rem; float:left;} nav ul.nav-bar li.menu-item a{color:#362f34; white-space:nowrap;} nav ul.nav-bar li.menu-item a:hover{color:#f93c05;} nav ul.nav-bar li.active{background: none;} nav ul.nav-bar li.active a{color:#f93c05; border:0px;} nav ul.nav-bar li span{margin:0 6px; color:#362f34;} /*nav ul.nav-bar li:last-of-type span{display:none;}*/ nav ul.nav-bar li a:hover{text-decoration:underline;} ul.nav-bar li a{font-size:19px;} .post-type-archive-english nav ul.nav-bar li.active a{color:#362f34;} /* top navigatie */ nav ul.top-nav-bar{list-style:none; float:right; position:absolute; top:50px; right:0px;} nav ul.top-nav-bar li{float:left;} nav ul.top-nav-bar li:last-of-type span{display:none;} nav ul.top-nav-bar li a{color:#362f34; font-size:14px;} nav ul.top-nav-bar li a:hover{text-decoration:none; color:#f93c05;} nav a.zoekmenu.close{background:url(images/icon-close-search-black.png) 6px 6px no-repeat;} /*zoek formulier */ div.zoekformulier{float:left; width:100%; display:none; position:relative;background:#f8f8f8; } div.zoekformulier form#searchform{float:left; width:100%; padding:10px 0 0 100px; margin:0px;} div.zoekformulier form#searchform a.closesearch{display:none; float:left; background:url(images/icon-close-search.png) 10px 13px no-repeat; width:36px; height:36px; padding:10px;} div.zoekformulier form#searchform input[type=text]{width:68%; float:left; padding:10px; height:inherit; border:0px; border-radius:0px; box-shadow:0px 1px 2px #999; margin:0 0 0 20px; -webkit-appearance: none;} div.zoekformulier form#searchform input[type=submit]{background:#FFFFFF; border: 0 none; float: left; height: 37px; margin: 0 10px 0 20px; border-radius:0px; -webkit-appearance: none; width: 20%; box-shadow:0px 1px 2px #999;} div.zoekformulier .meestgezocht{text-align:left; width:100%; overflow:auto; overflow-y: hidden; border-bottom:1px solid #dddddd; background:#f8f8f8; padding:17px 0 0 100px;} div.zoekformulier .meestgezocht .meestgezochtlijst{width:520px; white-space:nowrap;} div.zoekformulier .meestgezocht p{float:left; margin:0 20px; display:inline; font-weight:bold;} div.zoekformulier .meestgezocht ul{list-style:none; white-space:nowrap; display: inline-block} div.zoekformulier .meestgezocht ul li{float:left; padding:0 15px 0 0; display:inline;} div.zoekformulier span.fade {background: url("images/search-fade.png") repeat-y scroll 0 0 transparent; float: right; height: 45px; position: absolute; right: 0; width: 84px;} #header-image{width:100%; display:inline-block; position:relative;} #header-image .image_container{width:100%; background-position:top center; overflow:hidden; max-height:375px; font-size:0px;} #header-image .image_container img{width:100%; margin:-99px 0; border:0px;} .single #header-image .image_container img, .page-template-page-overview-php #header-image .image_container img, .page-template-page-werk-php #header-image .image_container img, .page-template-page-contact-php #header-image .image_container img, .author #header-image .image_container img, .page-template-page-overons-php #header-image .image_container img, .page-template-page-tag-php #header-image .image_container img, .page-template-page-tag-carui-php #header-image .image_container img, .page-template-default #header-image .image_container img, .page-template-page-tekst-php #header-image .image_container img, .page-template-page-events-php #header-image .image_container img, .error404 #header-image .image_container img, .page-template-page-home-english-php #header-image .image_container img{margin:0;} #header-image .image_caption{position:absolute; z-index:4; top:0; left:11%; width:45%; height:100%; color:#FFF;} #header-image .image_caption div#caption{width:100%; height:75%; display:table;} #header-image .image_caption #hyperlinks{display: table-cell; vertical-align: middle;} #header-image .image_caption.rechts{left:50%; text-align:right;} /* Casepagina header */ #header-image .image_caption h2{color:#FFF; font-family:'proxima nova bold'; margin-bottom:0px; max-width: 400px; font-size:50px; line-height:50px; text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.7);} #header-image .image_caption h2:hover, #header-image .image_caption a:hover{text-shadow:0px 1px 2px rgba(0, 0, 0, 0.5);} #header-image .image_caption span{margin-top:20px; float:left; background:#FFF; color:#362f34; padding:15px 20px; box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5);font-family:'proxima nova bold'; font-size:25px;} #header-image .image_caption span:hover{box-shadow: 0px 1px 2px rgba(0, 0, 0, 0);} #header-image .image_caption.nothome{width:22%; left:11%; height:100%; float:left; background-color:transparent !important;} #header-image .image_caption.nothome .verticalwrapper{display:table; width:100%; height:100%;} #header-image .image_caption.nothome .vertical{vertical-align:middle; display:table-cell;} #header-image .image_caption.nothome h2{width:100%; margin:0 auto; font-size:3.0rem; text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5);} #header-image .image_caption.nothome h2:hover{text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5);} #header-image .image_caption.nothome .wit h2, #header-image .image_caption.nothome .wit p{color:#fff;} #header-image .image_caption.nothome .donkergrijs h2, #header-image .image_caption.nothome .donkergrijs p{color:#333;} #header-image .image_caption.nothome p{margin:0px;} #header-image .image_shadow{position:absolute; z-index:3; top:0; left:0; width:100%; height:100%;} .top-shadow{background:url(images/shadow-top.png) repeat-x; width:100%; height:4px;} .bottom-shadow{background:url(images/shadow-bottom.png) repeat-x; width:100%; height:4px; bottom:0px; position:absolute;} #main{border-bottom:1px solid #e6e6e6;} h4 a{color:#000;} .vanuitunitid{position:absolute; top:-4px; right:-4px; width:146px; height:146px;} .vanuitunitid .vanuitlabel{background:url(images/label.png) top right no-repeat; width:146px; height:146px;} .single .vanuitunitid{position:absolute; top:0; right:-4px; width:146px; height:146px;} section.columns{padding-bottom:30px;} section h3{margin:50px 0px 30px;} .twotextcolumns{ -moz-column-count: 2; -moz-column-gap: 60px; -webkit-column-count: 2; -webkit-column-gap: 60px; column-count: 2; column-gap: 60px;} footer .twelve{border-bottom:1px solid #e6e6e6; margin-top:40px; min-width:320px;} footer ul{list-style:none; text-align:center;} footer ul.footer-nav{margin-bottom:40px;} footer ul.footer-nav li{display:inline; padding:3px 0px;} footer ul li a{color:#362F34; white-space:nowrap; font-family:'proxima nova regular'; font-size:20px;} footer ul li.active a{color:#f93c05;} footer ul .menuspacer{font-size:1.9rem; margin:0 3px;} footer ul.footer-nav li:last-of-type .menuspacer{display:none;} .post-type-archive-english footer ul li.active a{color:#362f34;} ul#social{text-align:center; margin:0 auto 40px; padding:0px;} ul#social li{display: inline; padding:0px;} ul#social li a{ height:100%; font-size:0px;} ul#social li a img{border:1px solid #CCC; width:125px; height:52px; margin:0 10px; background-size:100% 100%;} .boxshadow ul#social li a img{border:0px; box-shadow:0px 1px 2px #999;} ul#social li.twitter a img{background:url(images/social_twitter.png) top left;background-size: auto;} ul#social li.twitter a:hover img{background:url(images/social_twitter.png) bottom left;} ul#social li.linkedin a img{background:url(images/social_linkedin.png) center top;background-size: auto;} ul#social li.linkedin a:hover img{background:url(images/social_linkedin.png) center bottom;} ul#social li.facebook a img{background:url(images/social_facebook.png) top right;background-size: auto;} ul#social li.facebook a:hover img{background:url(images/social_facebook.png) bottom right;} ul#themas{margin-bottom:70px;} ul#themas li{display:inline; padding:3px 5px; color:#666; font-size:14px; font-size:1.4rem;} ul#themas li a{color:#666; font-size:16px; font-size:1.6rem;} ul#themas li.thematitle{color:#362F34;} div.secondnav{text-align:center; color:#999; margin:20px 0 50px 0; width:100%; float:left; font-size:14px; font-size:1.4rem; font-family:'proxima nova regular';} div.secondnav a{color:#999;} div.secondnav span.copyright{color:#999;} #fancybox-wrap *, #fancybox-overlay, #fancybox-wrap{-webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box;} .button, input.button[type=submit]{background:#f8f8f8; text-shadow:none !important; border:0; color:#2e2e2e; box-shadow: 0 1px 2px #999; font-family:'proxima nova regular', "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:normal; font-size:2.0rem; padding:15px 25px;} .button:hover, input.button[type=submit]:hover{color:#f93c05; background:#f8f8f8; text-shadow:none !important;} .grey .button, .grey input.button[type=submit]{background:#FFF;} /* -------------------------- Home ----------------------- */ #quote{padding:60px 15px 80px; text-align:center;} #quote h1{font-size:4rem;} #quote h2{font-size:2.8rem;} @media only screen and (max-width: 1280px) {#quote h1{font-size:3.8rem}} #caseleft{padding-right:30px; display:inline;} #caseleft img{max-height:254px; width:100%;} #caseright{padding-left:30px; display:inline;} #caseright img{max-height:254px; width:100%;} #caseleft h4, #caseright h4{font-size:2.8rem; margin:20px 0 10px 0;} #highlightcases .wrapper{padding-top:50px;} #highlightcases.twelve.columns.grey{border-bottom:0px; background-image:none;} #highlightcases .caseimage{display:block; overflow:hidden;} #highlightblogs.twelve.columns.grey{border-top:0px; background:url(images/shadow-bottom.png) repeat-x bottom #f1f1f1; padding-bottom:0px;} #highlightblogs .four{padding:45px 15px 45px 0;} #highlightblogs .four:first-of-type{padding:45px 15px 45px 0;} #highlightblogs .four:last-of-type{padding:45px 0 45px 15px;} #highlightblogs .blog-meta{color:#999; font-size:1.2rem; margin:0px;} #highlightblogs h4{font-size:2.8rem; min-height: 100px; margin:0px;} .bloghighlights{background:#CCC; float:left;} #thinkmakelearn{text-align:center; padding-bottom:60px;} #thinkmakelearn .subtitle{line-height:36px; margin-bottom:15px;} #thinkmakelearn img{margin:15px auto;} #thinkmakelearn p{max-width:800px; margin:15px auto;} #workflow img{width:100%;} #workflow .four{padding:0px 15px;} #workflow .four:first-of-type{padding:0px 15px 0px 0px;} #workflow .four:last-of-type{padding:0px 0px 0px 15px;} #workflow h4{font-size:40px;} #blogartikelen h2{font-size:2.8rem; line-height:36px; margin-top:0px;} #blogartikelen h2 a{color:#000;} #blogartikelen h2 a:hover{color:#f93c05;} #blogartikelen article:last-of-type{margin:30px 0;} #blogartikelen article img{width:100%;} .wrapper.columns article .blogafbeelding{padding:0 0 0 30px;} #blogartikelen .blogafbeeldingwrapper{margin-top:9px;} #tools{min-height:480px;} #tools h4{font-size:4rem;} #tools .six:last-of-type{padding:0 0 0 30px;} #tools #toolsimage img{max-width:90%;} #wie-zijn-wij{padding-bottom:60px;} #wie-zijn-wij #unitid-video{padding-right:19px;height:100%; display:block;} #wie-zijn-wij #unitid-video div.video{max-width:459px; height:100%; margin:0 auto;} #wie-zijn-wij #unitid-video figure{width:100%; height:100%; float:left; padding:0px; margin:0px;} #wie-zijn-wij #unitid-video iframe{width:100% !important; box-shadow:0px 2px 3px rgba(0, 0, 0, 0.2);} #wie-zijn-wij ul{list-style:none;} #wie-zijn-wij ul li{width:26%; max-width:150px; margin:0px 13px 9px 0; float:left; font-size:2.4rem; text-align:center; font-size:0px; position:relative;} #wie-zijn-wij ul li.drie, #wie-zijn-wij ul li.meercollegas{margin-right:0;} #wie-zijn-wij ul li.vier, #wie-zijn-wij ul li.vijf,#wie-zijn-wij ul li.meercollegas{margin-bottom:0px;} #wie-zijn-wij ul li img{box-shadow:0px 2px 3px rgba(0, 0, 0, 0.2); width:100%;} #wie-zijn-wij ul li.meercollegas a{position:relative; display:table;} #wie-zijn-wij ul li.meercollegas .toptext{position:absolute; font-size:10px; top:7px; color:#333; left:0; z-index:3; width:100%; text-align:center; font-size:20px;} #wie-zijn-wij ul li.meercollegas .bottomtext{position:absolute; font-size:10px; bottom:0px; color:#333; left:0; z-index:4; width:100%; text-align:center; font-size:18px;} #wie-zijn-wij ul li.meercollegas .bottomtext span{font-size:3.0rem;} #wie-zijn-wij ul li span.cijfer{font-size:6.0rem; line-height:23px; position:absolute; width:100%; top:43%; left:0px; text-align:center; font-family:'proxima nova bold'; color:#362f34;} #contact{padding-bottom:60px;} #contact .contactgegevens{line-height:40px;} #contact .contactgegevens h3{text-align:left;} #contact .contactgegevens p{max-width:400px;} #contact .six:first-of-type h3{text-align:left; font-size:2.4rem; line-height:30px; margin:0px;} #contact .denhaag{margin-top:20px;} /* -------------------------- Over ons ----------------------- */ .page-template-page-overons-php #header-image{float:left;} .page-template-page-overons-php #content h1{margin:30px 0 10px 0;} #photostream{ width:100%; /*float:left;*/ display:block; /*height: 300px;*/ overflow:hidden; position: relative; } #photostream .culture_window{width:100%; display:block; overflow:hidden; padding-left:20px;margin-bottom:20px;} #photostream .culture_slide{position: absolute;} #photostream .culture_event{float:left; position: relative;} #photostream .culture_event:first-child{opacity:1} #photostream .prev{background: url('images/button_previous.png') no-repeat top left; border:none; text-indent:-100px;height:40px; width:68px; display:block;z-index: 300; cursor:pointer;} #photostream .prev:hover{background: url('images/button_previous.png') no-repeat center left;} #photostream .prev.disabled{background: url('images/button_previous.png') no-repeat bottom left;} #photostream .next{background: url('images/button_next.png') no-repeat top right; border:none; text-indent:-100px;height:40px; width:68px; display:block;z-index: 300; cursor:pointer;} #photostream .next:hover{background: url('images/button_next.png') no-repeat center right;} #photostream .next.disabled{background: url('images/button_next.png') no-repeat bottom right;} /*#photostream .culture_event:last-of-type{margin-right:0;}*/ #photostream .culture_event h5{font-size:1.4rem; margin-bottom:15px; font-family:'proxima nova regular', "Trebuchet MS", Arial, Helvetica, sans-serif; color:#333333;} #photostream .culture_event h5 a{color:#333333;} #photostream .culture_event h5 a:hover{text-decoration:underline;} #photostream .culture_event img{opacity:0;} #photostream .culture_event img:hover{background:url(images/stream_small_hover.png) 100% 100%;background-size:auto 100%; opacity:1; transition: opacity .25s ease-in-out;} #photostream .culture_event .bigimage img:hover{background:url(images/stream_hover.png) 100% 100%;background-size:auto 100%;} #photostream .culture_event div{width:110px; height:110px; margin-right:10px; float:left; background-position:center; background-size:cover; background-repeat:no-repeat; overflow:hidden;} #photostream .culture_event div.smallbottom{margin-top:10px;} #photostream .culture_event div.portrait{background-size:100% auto;} #photostream .culture_event .bigimage{width:230px; height:230px; margin:0 10px 0 0; min-width:225px;} #photostream .onec{width:290px; max-width:290px;} #photostream .twoc{width:570px; max-width:570px;} #photostream .threec{width:431px} #photostream .fourc{width:290px; max-width:290px;} #photostream .fivec{width:530px} #photostream .sixc{width:436px; max-width:436px;} #photostream .sevenc{width:720px; max-width:720px;} /* the photostream slider */ #photostream .viewport { margin: 0 auto; width: 80%; height: 300px; overflow: hidden; position: relative; } #photostream button { outline: none; top: 223px; top: 55%; background:none; outline:none; border:0; } #photostream button:hover{ cursor:pointer; } #photostream button.prev { position: absolute; left: 2%; } #photostream button.next { position: absolute; right: 2%; } #photostream .imageToggle .wrapper{ position: absolute; -webkit-transition: left .5s ease-out; transition: left .5s ease-out; left: 0px; overflow: hidden; opacity: 0; } #photostream .imageToggle .wrapInner { margin: 0 auto; } @media only screen and (max-width: 1281px){ /*body:before { content:"max 1281"; }*/ #photostream .viewport { height: 240px; } #photostream button { } #photostream .onec{ width: 229px; } #photostream .two{ width: 456px; } #photostream .threec{ width: 344.8px; } #photostream .fourc{ width: 232px; } #photostream .fivec{ width: 460.8px; } #photostream .culture_event .bigimage{ width:200px; height:200px; margin:0 24px 0 0; min-width:204px; } #photostream .culture_event div.smallbottom{margin-top:24px;} #photostream .culture_event div{ width:88px; height:88px; margin-right:28px; } #photostream .culture_event div.landscape { background-size:auto 100% } #photostream .culture_event div.portrait { background-size:100% auto; } } @media only screen and (max-width: 976px){ #photostream .culture_event h5 span.albumdate{width:100%; display:table;} #photostream .culture_event h5 span.albumseparator{display:none;} /*body:before { content:"max 976"; }*/ #photostream .viewport { height: 244px; } #photostream button { top: 40%; } #photostream .onec { width: 203px; } #photostream .twoc { width: 406px; } #photostream .threec{ width: 305px; } #photostream .fourc { width: 203px; } #photostream .fivec{ width: 406px; } #photostream .culture_event .bigimage{ width:179px; height:179px; margin:0 24px 0 0; min-width:179px; } #photostream .culture_event div.smallbottom{ margin-top:24.5px; } #photostream .culture_event div{ width:77px; height:77px; margin-right:24.5px; } #photostream .culture_event div.landscape { background-size:auto 100%; } #photostream .culture_event div.portrait { background-size:100% auto; } } @media only screen and (max-width: 768px){ /*body:before { content:"max 768"; }*/ #photostream .viewport { height: 218px; } #photostream button { top: 50%; } #photostream button.next, #photostream button.prev, #photostream button.next:hover, #photostream button.prev:hover, #photostream button.prev.disabled, #photostream button.next.disabled { background-size: 35px; width:35px; height: 35px; } #photostream h5 { font-size: 14px; } #photostream .onec { width: 174px; } #photostream .twoc { width: 342px; } #photostream .threec{ width: 258px; } #photostream .fourc { width: 174px; } #photostream .fivec{ width: 345px; } #photostream .culture_event .bigimage{ width:153px; height:153px; margin:0 18px 0 0; min-width:153px; } #photostream .culture_event div.smallbottom{ margin-top:21px; } #photostream .culture_event div{ width:66px; height:66px; margin-right:21px; } #photostream .culture_event div.landscape { background-size:auto 100%; } #photostream .culture_event div.portrait { background-size:100% auto; } } @media only screen and (max-width: 480px){ /*body:before { content:"max 480"; }*/ #photostream .viewport { height: 186px; } #photostream button { top: 50%; } #photostream button.next, #photostream button.prev, #photostream button.next:hover, #photostream button.prev:hover, #photostream button.prev.disabled, #photostream button.next.disabled { background-size: 30px; width:30px; height: 30px; } #photostream h5 { font-size: 12px; } #photostream .onec { width: 145px; } #photostream .twoc { width: 276px; } #photostream .threec{ width: 211px; } #photostream .fourc { width: 145px; } #photostream .fivec{ width: 283px; } #photostream .culture_event .bigimage{ width:123px; height:123px; margin:0 15px 0 0; min-width:123px; } #photostream .culture_event div.smallbottom{ margin-top:12.5px; } #photostream .culture_event div{ width:55px; height:55px; margin-right:17.5px; } #photostream .culture_event div.landscape { background-size:auto 100%; } #photostream .culture_event div.portrait { background-size:100% auto; } } .demensentekst{margin:30px 0px 40px;} #collegas{display:block; width:100%;} #collegas ul{list-style:none;} #collegas ul li{width:200px; max-width:200px; max-height:315px; min-height:315px; float:left; margin:0 47px 0 0;} #collegas ul li a{color:#000;} #collegas ul li:hover a{color:#f93c05; text-decoration:none;} #collegas ul li.rechts{margin:0 0 0 0;} #collegas ul li.medewerker h5{margin:15px 0 0 0; font-size:2.1rem;} #collegas ul li.medewerker p{margin-bottom:30px; font-size:1.6rem;} #collegas ul li.medewerker span.topic{color:#999; background:url('images/author_star.jpg') no-repeat left center; padding:0 0 0 20px; margin-right:20px;} li.medewerker span.medewerkerfoto{width:100%; position:relative; font-size:0px; display:table; } li.medewerker span.medewerkerfoto .hover{display:none; text-align:center; width:100%; height:100%; float:left; position:absolute; top:0; left:0; background:url(images/hover_black.png); color:#FFF;} li.medewerker:hover span.medewerkerfoto .hover{display:block;} li.medewerker span.medewerkerfoto .hover h6{margin:40% 0; padding:5px;} /* -------------------------- Author ----------------------- */ .author li#menu-item-7489 a{border: 0 none; color: #F93C05} .author #content{padding:75px 0;} .author #content h1{margin:0px;} .author #content h4{margin:0;} .author .bereikbaarvia, .author .bereikbaarvia a{font-size:1.3rem; color:#999; margin:5px 0 0 0;} .author .expert_topics{margin:0;} .author .expert_topics a{background:url('images/author_star.jpg') no-repeat left center; color:#999; font-size:14px; font-size:1.4rem; padding-left:20px; margin:0 20px 0 0; font-weight:bold;} .author p.topics_text{color:#999; font-size:14px; font-size:1.4rem;} .authorposts article{width:100%; float:left; margin-bottom:50px;} .authorposts .blogtext{padding:0 40px 50px 0px; width:50%; margin-top:30px;} .anderecollegas ul{list-style:none;} .anderecollegas li.medewerker{width:14%; float:left; margin-right:3%; box-shadow: 2px 2px 2px #999; font-size:0px;} .anderecollegas li.meercollegas{width:14%; float:left; position:relative; box-shadow: 2px 2px 2px #999; font-size:0px;} .anderecollegas li.meercollegas span.cijfer{font-size:6.6rem; line-height:30px; position:absolute; width:100%; top:40%; left:0px; text-align:center; font-family:'proxima nova bold'; color:#362f34;} .userimage img{float:right;} .wrapper .columns .usertext{padding-left:0px;} .userposts a{color:#000;} .userposts a:hover{color:#f93c05;} /* -------------------------- Overview ----------------------- */ #blogcategories{background:#f7f7f7; border-bottom:0;} #blogcategories ul{list-style:none; margin:0 auto; text-align:center;} #blogcategories ul li{display:inline-table; padding:8px 25px; margin:26px 15px; cursor:pointer; font-family:'proxima nova regular', "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:18px;} #blogcategories ul li:hover{color:#f93c05;} #blogcategories ul li.current{background:#f93c05; color:#FFF; border-radius:5px;} #blogcategories ul li.separator{color:#b5b5b5; padding:8px 0; margin:26px 0; cursor:default; } .ten.columns.wrapper.overview{margin:75px auto;} div.post-box{max-width:960px; margin:0 auto;} div.post-box article{min-height:320px; margin-bottom:20px; float:left; width:100%;} .blogafbeelding{float:right;} .blogafbeeldingwrapper{float:right; box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2); padding:0px; font-size:0px; width:100%; max-width:450px; margin-top:5px; position:relative;} .blogafbeelding img{width:100%;} .pageinfo{margin:0 0 60px 0;} .pageinfo p{-moz-column-count: 2; -moz-column-gap: 60px; -webkit-column-count: 2; -webkit-column-gap: 60px; column-count: 2; column-gap: 60px;} .blogtext h2{font-size:3.6rem; margin:0 0 15px 0;} .blogtext h2 a{color:#000;} .blogtext h2 a:hover{color:#f93c05;} .wrapper .columns .blogtext{padding:0 30px 50px 0px; width:50%;} .blogtext em{font-style:inherit;} .blogtext img, .blogtext iframe{width:100%;} article .blogtext samp{font-family:'proxima nova regular', "Trebuchet MS", Arial, Helvetica, sans-serif; background:#f8f8f8; color:#8d8d8d; border: 1px solid #ebeaea; display:table; padding:20px;} article .blog-meta{font-size:1.2rem; margin:20px 0 0; display:inline-table;} .navigation{float:left; width:100%;} #almc-load-more{width:100%; cursor:pointer; max-width:960px; display:table; text-align:center; color:#362f34; border:1px solid #CCC; background:#fcfcfc; padding:20px 0; font-family: 'proxima nova bold', "Helvetica Neue", "Helvetica", Arial, Verdana, sans-serif; font-size:2.4rem; margin:0 auto 50px auto;} .boxshadow #almc-load-more{border:0px; box-shadow: 0px 2px 2px #999;} #almc-load-more:hover{color:#f93c05; background:#f8f8f8; text-decoration:none;} #almc-load-more:focus{ box-shadow: 0px 1px 2px #999;} /* -------------------------- Single ----------------------- */ .single #content article .post-meta{padding:0 0 15px;} .single .sharebutton{position:relative; display:inline; cursor:pointer;} .single .sharebutton span:hover{text-decoration:underline;} .single .sharebutton.active span{color:#f93c05;} .single .sharebutton .sharetip{position: absolute; text-decoration:none; cursor:default; border: 1px solid #666666; left: -43px; top: 30px; z-index: 99; margin-left: 0; width: 140px; background:#EEEEEE; padding:10px; display:none;} .single .sharebutton .sharetip a{float:left; padding:3px;} .single .sharebutton .sharetip .close{cursor:pointer; float:right;} .post-meta.bottom{line-height:25px;} .post-meta.bottom a img{box-shadow: 0px 1px 2px #999; vertical-align:bottom;} .post-meta.bottom a img:hover{background:#f1f1f1;} .sharetip:before{border-bottom: 7px solid #666666; border-left: 7px solid transparent; border-right: 7px solid transparent; content: ""; display: inline-block; left: 54px; position: absolute; top: -7px;} .sharetip:after{ border-bottom: 6px solid #EEEEEE; border-left: 6px solid transparent; border-right: 6px solid transparent; content: ""; display: inline-block; left: 55px; position: absolute; top: -6px;} .boxshadow .single .sharebutton .sharetip{-moz-box-shadow: 0px 2px 5px #888; -webkit-box-shadow: 0px 2px 5px #888; box-shadow: 0px 2px 5px rgba(206,206,206,0.5);} .borderradius .single .sharebutton .sharetip{-moz-border-radius: 3px; border-radius: 3px;} .single #content{padding-top:70px;} .single #content article .entry-title{margin-left:-3px;} .single #content article .entry-content h1 strong, .single #content article .entry-content h2 strong, .single #content article .entry-content h3 strong, .single #content article .entry-content h4 strong, .single #content article .entry-content h5 strong, .single #content article .entry-content h6 strong{font-weight:normal !important; margin:40px 0 0 0;} .single #content article .entry-content h1, .single #content article .entry-content h2{margin:40px 0 10px 0; font-family:'proxima nova regular', "Trebuchet MS", Arial, Helvetica, sans-serif; text-align:left; font-size:3.4rem;} .single #content article .entry-content h3, .single #content article .entry-content h4, .single #content article .entry-content h5, .single #content article .entry-content h6{margin:40px 0 10px 0; font-family:'proxima nova regular', "Trebuchet MS", Arial, Helvetica, sans-serif; text-align:left; font-size:2.4rem;} .single #content article .entry-content samp{font-family:'proxima nova regular', "Trebuchet MS", Arial, Helvetica, sans-serif; background:#f8f8f8; color:#8d8d8d; border: 1px solid #ebeaea; display:table; padding:20px;} .single #content article .entry-content figure{width:100%; margin:30px 0 30px 0; display:block;} .single #content article p.post-meta, .single #content article p.post-meta a{color:#999;} #content .entry-content ul{list-style-position:outside; list-style:none;} #content .entry-content ul li{background:url(images/list-arrows.png) 0px 5px no-repeat; padding-left:20px;} .single #content article .entry-content ol{list-style-position:outside; margin-left: 25px;} .single #content article .entry-content figcaption{width:100%; text-align:center;} /*.single #content article .entry-content figure img{float:left;}*/ .page #content article .entry-content h1{font-size:3.5rem;} .single #content article .entry-content figure img.alignright{float:none;} .single #content article .entry-content img.big{min-width:150%;} .single #content article .entry-content a:visited{color:#900;} .single #content article .entry-content iframe{width:100% !important;} .single #content article .entry-content .button{background:#F8F8F8; border: 1px solid #ECECEC; box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2); padding:20px 30px; color:#362f34;} .single #content article .entry-content .button:hover{background:#FFF; text-decoration:none;} .single #content article .entry-content .button:visited, .single #content article .entry-content .button:active, .single #content article .entry-content .button:focus{color:#362f34;} .single #content article .entry-content .button.download{background: url('images/download.png') no-repeat #F8F8F8 15px 10px; padding:20px 20px 20px 60px; } .single #content article .entry-content .button.download:hover{background:url('images/download.png') no-repeat #FFF 15px 10px;} .single #content article .post-meta.bottom{border-top:1px solid #CCC; padding:10px 0 0 0;} .single .sidebar h4{margin-bottom:0px;} .single .sidebar .sidebar-item#tap_cheatsheet figure img{box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2);} .single .sidebar .sidebar-item a.download{background:#F8F8F8 url(images/download_icon.png) no-repeat center left; width:100%; float:left; border:1px solid #ECECEC; box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2); margin:20px 0px;} .single .sidebar .sidebar-item a.download:hover{background:#E7E7E7 url(images/download_icon.png) no-repeat center left; border:1px solid #DCDCDC; text-decoration:none; } .single .sidebar .sidebar-item a.download h5{color:#8D8D8D; margin:3px 0 0 59px; font-family:'proxima nova bold', "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:2.8rem; } .single .sidebar .sidebar-item a.download p{margin: 0 0 0 59px;} .single .sidebar .sidebar-item a.download:hover h5, .single .sidebar .sidebar-item a.download:hover p{color:#5D5D5D;} .single .sidebar .sidebar-item#tap_downloadurl h4{width:150px;} .single .sidebar .sidebar-item{margin-bottom:20px; float:left; width:100%;} .single .sidebar .sidebar-item p{color:#999; font-size:1.2rem; margin-bottom:5px;} .single .sidebar .sidebar-item li{font-size:1.4rem;} .single .sidebar .sidebar-item figure{padding:0px; margin:0px; text-align:left;} .single .sidebar .sidebar-item figure img{text-align:left; margin:0;} .single .sidebar.guestwriter{font-size:1.8rem;} .single .sidebar.guestwriter h4{font-size:2.8rem; margin-bottom:10px;} .single .sidebar.guestwriter p{margin-bottom:0px;} .single .sidebar.guestwriter img{box-shadow: 0px 2px 2px #999;} .single .sidebar.guestwriter p.name{font-family:'proxima nova bold', "Trebuchet MS", Arial, Helvetica, sans-serif;} .single .sidebar.guestwriter p.website{padding-bottom:17px;} .single .sidebar.guestwriter p.website a{color:#000;} .single .sidebar.guestwriter div.tablet{display:none;} .single .sidebar.guestwriter p.quote{font-style:italic; font-family:'proxima nova regular', "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:2.4rem; color:#666; border-top:1px solid #CCC; border-bottom:1px solid #CCC; padding:15px 0;} .single .sidebar .sidebar-item li{background:url("images/list-arrows.png") no-repeat 0 10px; list-style:none; line-height:35px; padding-left:20px;} .single .sidebar .sidebar-item .ipad{background:url("images/icons/icon_ipad_28.jpg") no-repeat 0 5px; list-style:none; line-height:35px; padding-left:35px; } .single .sidebar .sidebar-item .iphone{list-style:none; background:url("images/icons/icon_iphone_28.jpg") no-repeat 0 5px; line-height:35px; padding-left:35px;} .single .sidebar .sidebar-item .fireworks{list-style:none; background:url("images/icons/icon_fireworks_28.jpg") no-repeat 0 5px; line-height:35px; padding-left:35px;} .single .sidebar .sidebar-item .font{list-style:none; background:url("images/icons/icon_font_28.jpg") no-repeat 0 5px; line-height:35px; padding-left:35px;} .single .gifcontainer{position:relative; cursor:pointer;} .single .gifcontainer .playbutton{position:absolute; border:2px solid #FFF; text-align:center; line-height:46px; cursor:pointer; color:#FFF; top:50%; left:50%; z-index:9; border-radius: 50%; width: 50px; height: 46px; background:#F93C05; display:table; vertical-align:middle; margin:-25px;-moz-box-shadow:0 0px 3px #222; -webkit-box-shadow:0 0px 3px #222; box-shadow:0 0px 3px #222; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease;} .single .gifcontainer:hover .playbutton{color:#F93C05; background:#FFF;} #reageer{min-height:100px;} h3.reactie{background:#FFF; padding:10px 70px; margin:20px 0 0 -70px; float:left; box-shadow: 0px 2px 2px #999; cursor: pointer; -moz-outline-style: none;} h3.reactie:focus{outline:none;} h3.reactie:hover{background:#f1f1f1; color:#f93c05;} h3.reactie.ui-state-active{background:none; box-shadow:none;} div.commentform{float:left; width:100%; display:block; /*overflow:visible !important;*/ margin:30px 0 30px -5px; padding-left:5px;} div#respond{width:60%;} div.commentform .comment-notes{color:#999;} div.commentform .comment-notes span{float:inherit;} div.commentform p{position:relative; display:inline; float:left; width:100%;} div.commentform p label{position:absolute; left:0px; top:0; font-size:1.8rem; padding:14px 22px; opacity:0.5; font-family:'proxima nova regular', "Trebuchet MS", Arial, Helvetica, sans-serif;} .no-js div.commentform p label span.js{display:none;} .js div.commentform p label span.no-js{display:none;} .no-js div.commentform p label{position:inherit; float:left;} div.commentform p label, div.commentform p span{display:inline;} div.commentform p input, div.commentform p textarea{width:100%; float:left; margin:0px;} div.commentform p.comment-form-comment{margin-bottom:0;} div.commentform p input[type=text], div.commentform p input[type=email]{width:100%; margin:0; max-width:630px;} div.commentform p input[type=text], div.commentform p input[type=email], div.commentform p textarea {border:0px; box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2); -webkit-appearance: none; padding:20px; height:inherit;} div.commentform p.subscription{float:left;} div.commentform p.subscription label{float: left; line-height: 36px; opacity: 1; padding: 6px 0 0; position: inherit; width: 90%;} div.commentform p.subscription input[type=checkbox]{margin:17px 0 0; width: 24px;} div.commentform p textarea{width:100%; max-width:630px;} div.commentform p input[type=text]:focus, div.commentform p input[type=email]:focus, div.commentform p textarea:focus{background:#FFF;} div.commentform p input[type=text].error:focus, div.commentform p input[type=email].error:focus, div.commentform p textarea.error:focus{background:#F99;} div.commentform p input[type=submit], div.commentform p button, #cancel-comment-reply-link{ -webkit-appearance: none; background: none repeat scroll 0 0 #FFF; border:0px; box-shadow: 0px 2px 2px #999; -webkit-box-shadow: 0px 2px 2px #999; color:#333; font-family:'proxima nova bold'; cursor: pointer; display: inline-block; font-size: 2.4rem; line-height: 1; margin: 0; outline: medium none; padding: 20px 20px 11px; width:40%; min-width:260px; position: relative; text-align: center; text-decoration: none; transition: background-color 0.15s ease-in-out 0s; float:left; } #cancel-comment-reply-link{margin-left:5px; padding:20px 10px 11px; min-width:100px;} div.commentform p input[type=submit]:hover, div.commentform p button:hover, #cancel-comment-reply-link:hover{ background: none repeat scroll 0 0 #f1f1f1; color:#f93c05; border:0px; } div.commentform p.emailnotifier label{padding:0 0 0 20px;} div.commentform p.emailnotifier input[type=checkbox]{margin: 6px 0 0;} div.errorlabels{display:none !important;} #comments h3{text-align:left;} ol.commentlist{list-style:none;} .commentlist li.comment{width:100%; float:left; padding:20px 0; display:block; border-bottom:1px solid #ebeaea;} .commentlist li.comment:last-of-type{border-bottom:0px;} li.comment div.avatar{float:left; width:107px;} li.comment div.avatar img{width:107px; float:left;} li.comment .commenttext{margin:0 0 0 20px; float:left; width:70%;} li.comment .commenttext span.fn{font-family: 'proxima nova regular', "Helvetica Neue", "Helvetica", Arial, Verdana, sans-serif; font-size:28px; line-height:normal;} li.comment .commenttime{color:#999;} li.comment .commenttime.mobile{display:none;} li.comment.byuser .commenttext span.fn{color:#f93c05;} div.commentform .comment-form-notify input[type=checkbox]{margin-top:8px;} div.commentform .comment-form-notify label{padding-top:0;} li.comment div.unitid-comment{color:#FFF; width:100%; background:#f93c05; text-align:center; font-weight:bold;} /* Reactie op reactie */ li.comment ul.children li{padding-left:2.8%; border-left:1px solid #DDDDDD; border-bottom:0px; width:90%;} li.comment ul.children li article{border-bottom:1px solid #DDD; float:left; width:100%;} li.comment ul.children li:last-of-type article{border-bottom:0px;} li.comment ul.children li div.avatar{width:80px;} /* Reactie op reactie formulier */ #commentsoverview .wrapper #respond{display:none; border-left:1px solid #DDD; padding:3% 0 0 3%;} #commentsoverview .wrapper li.comment #respond{display:block; margin:0; width:100%;} #respond h3{margin:0px;} #respond #commentform{margin:0;} /* Apple watch */ /* -------------------------- Werk ----------------------- */ .page-template-default #content .cases .twelve{margin-bottom:30px;} div.six.columns.links article.case{padding:0 30px 0 0;} div.six.columns.rechts article.case{padding:0 0 0 30px;} article.case .caseimage img{box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2);} article.case h2{font-size:3.6rem;} .portfoliowerk .four.midden{float:left;} .wrapper .links article{padding:0 15px 0 0;} .wrapper .midden article{padding:0 7px; float:left;} .wrapper .rechts article{padding:0 0 0 15px;} .wrapper article.project{min-height:330px;} .wrapper article.project a{color:#000; text-decoration:none;} .wrapper article.project a:hover{color:#f93c05} .wrapper article.project img{box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2);} .wrapper article.project h2{font-size:2.8rem; margin:30px 0 0 0;} .page-template-page-werk-php a#almc-load-more{background:#FFF;} .page-template-page-werk-php a#almc-load-more:hover{background:#f1f1f1;} /* -------------------------- Contact ----------------------- */ .locaties .six .amsterdam{padding:0 30px 0 0;} .locaties .six .denhaag{padding:0 0 0 30px;} .locaties .six h3, .contactinfo .six.contactgegevens h3{text-align:left; margin:10px 0 0 0; font-size:3.0rem;} .contactinfo .six.afbeelding{padding-right:30px;} .contactinfo .six.afbeelding img{width:100%; max-width:inherit;} #contact h2{margin:0px;} #contact h2 a{color:#362f34;} #contact h2 a:hover{color:#f93c05;} #faq ul{list-style:none;} #faq ul li{border-top:1px solid #d7d5d6;} #faq ul li ul{list-style-position:inherit; list-style-type:square; color:#000;} #faq ul li ul li{border-top:0px; list-style-position:inside; list-style-type:disc; padding:5px;} #faq ul li.active h5{color:#f93c05;} #faq ul li h5 .close_faq{float:right; width:19px; height:19px; background:url('images/faq_cross.png') no-repeat; -webkit-transition: transform .5s; transition: transform 0.5s;} #faq ul li.active .close_faq{transform: rotate(-45deg); -ms-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg);} #faq ul li h5{cursor:pointer; margin:25px;} #faq ul li div.antwoord{display:none; margin:0 25px;} /* -------------------------- Zoekresultaten ----------------------- */ .search #gezochtop{padding:0px;} .search #gezochtop .recap{margin:0 auto;} .search #gezochtop h2{font-size:1.8rem; margin:40px 0px; float:left; max-width: 50%;} .search #gezochtop h2 span.searchquery{font-family:'proxima nova bold';} .search a.opnieuwzoeken{background:#FCFCFC; margin:22px 0 0 0; border: 1px solid #CCCCCC; color: #362F34; float: right; font-family: 'proxima nova bold',"Helvetica Neue","Helvetica",Arial,Verdana,sans-serif; font-size: 1.8rem; padding: 18px 5px; text-align: center; width: 25%;} .search a.opnieuwzoeken.intext{float:left;} .boxshadow .search a.opnieuwzoeken{border:0px; box-shadow: 0 2px 2px #999999;} .search a.opnieuwzoeken:hover{color:#f93c05; text-decoration:none; background:#f8f8f8;} .search article.author .blogafbeeldingwrapper{overflow:hidden;} .search article.author .blogafbeeldingwrapper img{max-width:239%; width:239%;} .search article.author .blogafbeeldingwrapper.midden img{margin-left:-70%;} .search article.author .blogafbeeldingwrapper.rechts img{margin-left:-135%;} /* -------------------------- FAQ ----------------------- */ .faq-page h2{font-size:26px; margin:26px 0 0 0;} .faq-page h2 a.faq{opacity:0;display:inline; font-size:12px; } .faq-page h2:hover a.faq{opacity:1; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out;} /* -------------------------- Tag/Thema ----------------------- */ .page-template-page-tag-php h1, .page-template-page-tag-carui-php h1{font-size:5.0rem; font-family:'proxima nova bold'; text-align:center; margin:14px 0 30px; } .page-template-page-tag-php p.quote{font-size:3.6rem; text-align:center; width:70%; margin:0px auto 40px; line-height:45px;} .page-template-page-tag-php div.inleiding, .page-template-page-tag-carui-php div.inleiding{width:70%; margin:0px auto 40px; text-align:center;} .page-template-page-tag-php #overview .four.columns{padding:0 15px; float:left;} .page-template-page-tag-php #content .four.columns h4{font-size:3.6rem;} .page-template-page-tag-php .project_container .below_portfolio{background:url('images/tag_top_shadow.png') center top no-repeat;} .page-template-page-tag-php .project_container .below_portfolio div{ margin:40px auto 0; width:70%; display:table;} .page-template-page-tag-php .below_portfolio p{text-align:center;} .page-template-page-tag-php #calltoaction .six.columns p{padding:0 15px;} /* -------------------------- Evenementen kalender -------------------------- */ .page-template-page-events-php .eventcalendar ul{list-style:none; padding:0; margin:0;} .page-template-page-events-php .searchtag{margin:0 0 20px 0;} .page-template-page-events-php .searchtag h2{display:inline;} .page-template-page-events-php .searchtag a{background:#CCC; padding:5px; color:#FFF;} .page-template-page-events-php #introduction{border-bottom:0px;} .page-template-page-events-php #introduction h3{font-size:50px; font-size:5.0rem; } .page-template-page-events-php #introduction h4{font-size:36px; font-size:3.6rem; text-align:center; line-height:4.7rem;} .page-template-page-events-php #introduction h4 a{color:#f93c05; text-transform:lowercase;} .page-template-page-events-php #introduction h4 a:hover{text-decoration:underline;} .page-template-page-events-php #introduction .moretags{color:#f93c05; cursor:pointer;} .page-template-page-events-php #introduction .moretags:hover{text-decoration:underline;} .page-template-page-events-php #event_content{border-top:1px solid #CCC; padding-top:20px;} /* calendar */ .page-template-page-events-php div.post-box .twelve{padding:0 15px 0 0;} .page-template-page-events-php div.post-box article{min-height:150px;} .page-template-page-events-php .event_date_wrapper{ width:120px; text-align:center; color:#362F34; float:left; min-height: 160px;} .page-template-page-events-php #eventlist li{display:table; width:100%;} .page-template-page-events-php #eventlist .seperator{width:100%; height:1px; background:#d4d4d4; margin:20px 0 45px 0; position:relative;} .page-template-page-events-php #eventlist .seperator.month{background:none;} .page-template-page-events-php #eventlist .seperator .line{width:100%; height:1px; background:#d4d4d4; position:absolute; top:16px;} .page-template-page-events-php #eventlist .seperator .text{width:120px; margin:0 auto; font-size:1.4rem; font-weight:bold; padding:5px; display:block; text-align:center; background:#d4d4d4; position:relative;} .page-template-page-events-php #eventlist .seperator.first{display:none;} .page-template-page-events-php article .event_day{font-size:36px; line-height:36px; padding:10px 0 0; background:#ECECEC;} .page-template-page-events-php article .event_day span.day{margin:0 5px;} .page-template-page-events-php article .event_day span.today{padding-bottom:20px; display:table; margin:0 auto;} .page-template-page-events-php article .event_month{ background:#ECECEC; padding:0 0 10px;} .page-template-page-events-php article .event_time{width:100%; background-color:#f5f5f5;} .page-template-page-events-php article .event_moreinfo{width:100%; height:25px; overflow:visible; background:#ececec; padding-top:5px;} .page-template-page-events-php article .event_moreinfo span{ height:39px; width:39px; display:table; margin:0 auto; cursor:pointer;} .page-template-page-events-php article .event_text{width:70%; display:table; padding-left:20px;} .page-template-page-events-php article .type_who{font-style:italic; text-transform:capitalize;} .page-template-page-events-php article h2{text-transform:capitalize; margin:0px; color:#362f34;} .page-template-page-events-php article h2:hover{color:#F93C05; cursor:pointer;} .page-template-page-events-php article .event_location{display:table; color:#333; float:left; height:45px;} .page-template-page-events-php article .event_location span.city{font-weight:bold;} .page-template-page-events-php article .event_costs{display:table; margin-left:10px; float:right; color:#CCC; font-size:30px; font-size:3.0rem;font-family: 'proxima nova regular', "Helvetica Neue", "Helvetica", Arial, Verdana, sans-serif;} .page-template-page-events-php article .event_more{clear:both; display:none;} .page-template-page-events-php article .event_description{padding:20px 0 0;} .page-template-page-events-php article .event_tags{margin:20px 0 0;} .page-template-page-events-php article .event_tags a{color:#222; text-decoration:underline; font-style:italic; margin:0 10px 0 0;} .page-template-page-events-php .sidebar{float:right;} .page-template-page-events-php .sidebar .filter{margin:0 0 20px 0;} .page-template-page-events-php .sidebar h3{margin:0px; text-align:left; font-size:1.8rem;} .page-template-page-events-php .sidebar label{display:inline;} .page-template-page-events-php .sidebar li.disabled label{color:#CCC;} .page-template-page-events-php .sidebar li.disabled label span.red{color:#CCC;} .page-template-page-events-php .sidebar .filterbutton{display:none;} .page-template-page-events-php #relatedinfo .wrapper div{padding:0 7px;} .page-template-page-events-php #relatedinfo .wrapper div ul{list-style-position:outside; list-style:none;} .page-template-page-events-php #relatedinfo .wrapper div ul li{background:url(images/list-arrows.png) 0px 5px no-repeat; padding-left:20px;} .page-template-page-events-php .tagcloud a{font-size:1.6rem;} /* -------------------------- TML -------------------------- */ #tml_top{padding:60px 15px;} #tml_top h1{font-size:44px; text-align:center; font-family:'proxima nova bold', "Helvetica Neue", "Helvetica", Arial, Verdana, sans-serif;} #tml_top p{text-align:center;} #tml_top a{color:#F93c05;} #tml_top a:hover{text-decoration:underline;} .subtitle{font-size:24px; text-align:center; line-height:36px; margin:0 auto 60px; max-width:840px;} .page-template-page-think_make_learn-php #main img{margin:0 auto; display:table;} .page-template-page-tml_fase-php #tml_top .subtitle{margin-bottom:30px;} #tml_top .tml_selected{color:#222;} .archive #header-image .image_container img, .page-template-page-think_make_learn-php #header-image .image_container img{margin:0;} /* mainpage */ .page-template-page-think_make_learn-php #tml_top p{font-size:34px; text-align:center; line-height:44px; font-family: 'proxima nova regular', "Helvetica Neue", "Helvetica", Arial, Verdana, sans-serif;} .page-template-page-think_make_learn-php #tml_basics p{text-align:center;} .page-template-page-think_make_learn-php #tml_basics .four{padding:0 15px; text-align:center;} .page-template-page-think_make_learn-php #tml_basics h4{color:#f93c05;} .page-template-page-think_make_learn-php #tml_gezamelijkeinspanning .six{margin-bottom:60px;} .page-template-page-think_make_learn-php #tml_gezamelijkeinspanning .six.text{padding:30px 0;} .page-template-page-think_make_learn-php #main #tml_dedriefases img{width:100%; max-width:844px;} .page-template-page-think_make_learn-php #tml_dedriefases .wrapper{background:url("images/tml_dashed_stroke.png") no-repeat center bottom; display:table;} .page-template-page-think_make_learn-php #tml_dedriefases h1{font-family:'proxima nova bold', "Helvetica Neue", "Helvetica", Arial, Verdana, sans-serif; text-align:center; margin-top:60px;} .page-template-page-think_make_learn-php .tmlelement h4 a{color:#f93c05; font-family:'proxima nova bold', "Helvetica Neue", "Helvetica", Arial, Verdana, sans-serif; font-size:32px;} .page-template-page-think_make_learn-php #thinkelement{background:url("images/tml_think_element.png") no-repeat left top; padding-left:120px; padding-top:60px; margin-top:100px;} .page-template-page-think_make_learn-php #makeelement{background:url("images/tml_make_element.png") no-repeat left 25px; padding-left:120px; float:right; margin-top:-20px;} .page-template-page-think_make_learn-php #learnelement.columns{background:url("images/tml_learn_element.png") no-repeat left 25px; padding-left:120px; float:left; margin:-25px 0 21px;} .page-template-page-think_make_learn-php #tml_onzemethodes .four{text-align:center;} .page-template-page-think_make_learn-php #tml_onzemethodes .four h4{font-family:'proxima nova bold', "Helvetica Neue", "Helvetica", Arial, Verdana, sans-serif;} .page-template-page-think_make_learn-php #tml_onzemethodes ul{list-style:none;} #tml_contact .wrapper{padding:60px 0 30px; display:table;} #tml_contact .contactgegevens{padding:30px 0;} #tml_contact .subtitle{text-align:left;} #tml_contact h4{font-family:'proxima nova bold', "Helvetica Neue", "Helvetica", Arial, Verdana, sans-serif;} /* tml fase */ .archive #tml_fase_what .four{text-align:center; position:relative; min-height:293px; margin-bottom:50px;} .archive #tml_fase_what .four h4{font-family:'proxima nova bold', "Helvetica Neue", "Helvetica", Arial, Verdana, sans-serif;} .archive #tml_fase_what .four .tml_bottom{position:absolute; bottom:0;} .archive #tml_fase_what .tml_cirkel{background:url("images/tml_circle.png") no-repeat center; text-align:center;} .archive #tml_fase_what .tml_cirkel p{margin-top:120px; font-size:35px; font-family:'proxima nova bold', "Helvetica Neue", "Helvetica", Arial, Verdana, sans-serif; color:#f93c05;} #tml_driefases{text-align:center;} #tml_driefases .tml_selected{opacity:0.5;} #tml_driefases .four{margin-bottom:50px;} #tml_driefases .four img{max-height:113px;} .archive #tml_fase_onzemethodes .four{display: inline-block; float: none; padding: 0 15px; vertical-align: top; width: 32.9%;} .archive #tml_fase_onzemethodes .four img{ box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, 0.25);} .archive #tml_fase_onzemethodes .methodcolumns{text-align:center; margin-bottom:50px;} .archive #tml_binnenkortmeer{text-align:center; margin:0 0 50px;} .archive #tml_binnenkortmeer h4{font-family:'proxima nova bold', "Helvetica Neue", "Helvetica", Arial, Verdana, sans-serif;} /* tml method */ .single #tml_top p{text-align:center; margin-bottom:150px;} .single #tml_uitleg img{margin:-140px auto 0; display:table; box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, 0.25);} .single #tml_uitleg .wrapper{background:url("images/tml_dashed_stroke_method.png") no-repeat center 140px; display:table;} .single #tml_uitleg .wrapper .uitleg{margin:60px 0; padding-left:88px; -webkit-box-shadow: 0px 0px 10px 15px rgba(248, 248, 248, 1); -moz-box-shadow: 0px 0px 10px 15px rgba(248, 248, 248, 1); box-shadow: 0px 0px 10px 15px rgba(248, 248, 248, 1);} #tml_uitleg .wrapper .uitleg.waarom{background: url("images/tml_method_waarom.png") no-repeat left top #f8f8f8;} #tml_uitleg .wrapper .uitleg.wanneer{background: url("images/tml_method_wanneer.png") no-repeat left top #f8f8f8;} #tml_uitleg .wrapper .uitleg.wie{background: url("images/tml_method_wie.png") no-repeat left top #f8f8f8;} #tml_uitleg .wrapper .uitleg.waar{background: url("images/tml_method_waar.png") no-repeat left top #f8f8f8;} #tml_uitleg .wrapper .uitleg.hoe{background: url("images/tml_method_hoe.png") no-repeat left top #f8f8f8;} #tml_uitleg .wrapper .uitleg.wat{background: url("images/tml_method_wat.png") no-repeat left top #f8f8f8;} #tml_uitleg .wrapper .uitleg h4{font-size:32px; margin-top:0; font-family:'proxima nova bold', "Helvetica Neue", "Helvetica", Arial, Verdana, sans-serif;} .single #tml_uitleg .wrapper .uitleg.count_1{float:left; margin-top:100px;} .single #tml_uitleg .wrapper .uitleg.count_3, .single #tml_uitleg .wrapper .uitleg.count_5, .single #tml_uitleg .wrapper .uitleg.count_7{float:left;} .single #tml_uitleg .wrapper .uitleg.count_2, .single #tml_uitleg .wrapper .uitleg.count_4, .single #tml_uitleg .wrapper .uitleg.count_6, .single #tml_uitleg .wrapper .uitleg.count_8{float:right;} .single #tml_uitleg .wrapper .uitkomst{text-align:center; background:#f8f8f8; margin:0 auto 0; display:table; float:none; -webkit-box-shadow: 0px 0px 10px 15px rgba(248, 248, 248, 1); -moz-box-shadow: 0px 0px 10px 15px rgba(248, 248, 248, 1); box-shadow: 0px 0px 10px 15px rgba(248, 248, 248, 1);} .single #tml_uitleg .wrapper .uitkomst h4{font-size:32px; font-family:'proxima nova bold', "Helvetica Neue", "Helvetica", Arial, Verdana, sans-serif;} .single #tml_meermethodes .four{display:table; padding:0 15px;} .single #tml_meermethodes .four img{width:100%; box-shadow: 3px 3px 3px 0px rgba(0, 0, 0, 0.25);} .single #tml_driefases .tml_selected{opacity:1;} /* -------------------------- English -------------------------- */ /* homepage */ .post-type-archive-english #quote h1{margin:50px 0;} .post-type-archive-english #tools li{background:url("images/list-arrows.png") no-repeat 0 10px; list-style:none; line-height:35px; padding-left:20px;} .post-type-archive-english #tools li a{color:#666;} .single .choose_language a{padding:7px; color:#999;} .single .choose_language{margin:0 0 30px; display:inline-table; color:#999; font-size:1.3rem;} .blogtext .choose_language{display:table; color:#999; font-size:1.3rem; margin:0 0 10px;} .blogtext .choose_language a{color:#999;} /* about us */ .page-template-page-aboutus-php #header-image .image_container img{margin:0;} .page-template-page-aboutus-php #header-image{float:left;} .page-template-page-aboutus-php #content h1{margin:30px 0 10px 0;} /* -------------------------- Related posts -------------------------- */ #relatedposts{padding-bottom:60px;} #relatedposts.white{border-top:1px solid #E2E2E2;} #relatedposts div.four a{margin:0 15px; display:inline-block; min-height:299px; background:#FFF; -moz-box-shadow:0px 2px 3px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);} #relatedposts div.four a:hover{color:#333; -moz-box-shadow:0px 0px 3px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2); box-shadow: 0 0px 3px rgba(0, 0, 0, 0.2);} #relatedposts div.four a img{width:100%;} #relatedposts div.four a h4{margin:24px 14px; color:#333;} /* -------------------------- Video -------------------------- */ .videoPoster { position: relative; float: left; width: 100%; text-align: center; } .videoLoading { display: none; position: absolute; width: 100%; height: 100%; top: 0; left: 0; color: #fff; background: #000 url(images/loader.gif) no-repeat center; } .videoPoster iframe { display: block; } .videoPoster.teaser{ margin-top: 40px; } .videoPoster img{ border: 0; float:left; box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2); width:100%; } .show { visibility:visible; position: relative; display:block; } .mask{position:absolute; z-index:150000; top:4%; left:0; margin-left:52%;} div.twelve.subscription{ border-left:1px solid #CCC; margin-bottom:20px; } .wp_english{ } /* -------------------------- Page scroll -------------------------- */ .pagescroller{position:relative; width:130%; margin-left:-70px;} .pagescroller .image-container{width:100%;max-width:665px; height:635px; overflow:hidden; min-width:294px; box-shadow:0 1px 10px #999; position:relative; margin-left:70px;} .pagescroller .browserbar{width:100%; height:24px; position:absolute; left:0; top:0;} .pagescroller .browserbar img{vertical-align:top;} .pagescroller .browserbottom{width:100%; background:url(images/bottom-shadow.png) no-repeat center; height:40px; margin-top:-21px; position:relative;} .pagescroller .nav{position:absolute; top:300px; right:0; width:41px;} .pagescroller .up{width:41px; height:41px; display:inline-table; background:url(images/page_up.png); cursor:pointer;} .pagescroller .up:hover{background:url(images/page_up.png) center;} .pagescroller .up.inactive{background:url(images/page_up.png) right;} .pagescroller .down{width:41px; height:41px; display:inline-table; background:url(images/page_down.png); cursor:pointer;} .pagescroller .down:hover{background:url(images/page_down.png) center;} .pagescroller .down.inactive{background:url(images/page_down.png) right;}