/* - ++theme++nuffic.theme/includes/style/responsive.css - */
/* https://www.nuffic.nl/en/portal_css/++theme++nuffic.theme/includes/style/responsive.css?original=1 */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
/* */
@media only screen and (min-width : 769px) and (max-width : 960px) {
body.debug {background-color: #FF69B4;} /* */
.box4portlets .portlet.bgcolor .cta-header  { font-size: 150%; }
.portlet.bggradient h2 { font-size: 100%; }
#wrapper, #sitewide-header { width: 100%; }
#content { width: 70%; }
#sidebar-wrapper {
width: 28%;
margin-left: 2%;
}
.template-search  .details {
width: 100%;
margin: 0;
}
#photoslider .slideshow-slides > li div.info p {
background: none;
}
.site-wil-weg ul.nav {
width: 80%;
}
}  /* */
/* */
@media only screen and (max-width : 960px) {
body.site-study-in-holland ul.nav {
width: 80.3333%
}
body.site-study-in-holland ul.nav li a {
font-size:95%;
padding: 0 2px;
}
#wrapper, #sitewide-header {
width: 96%;
margin: 0 2%;
}
#wrapper #content .details h1 {
font-size: 170%; /* */
}
ul.nav li a {
font-size: 105%;
padding: 0 2%;
overflow: hidden;
}
.LSResult .LSShadow,
.template-search .filters,
.template-alumni-search .filters { display: none; }
.template-search-bare #responsive-filtering { display: none !important; }
#photoslider > ul {
height: 0;
padding-bottom: 47.61111111111111%;
}
#footer .menu.header-links,
#footer .vertical-disclaimer,
#footer ul.vertical-doormat {
overflow: hidden;
clear: both;
}
#footer .header-links { padding-bottom: 15px; }
#footer .header-links a {
padding-bottom: 5px;
display: inline-block;
}
#footer ul.vertical-doormat > li { width: 30%; }
#footer .vertical-disclaimer.is-horizontal {
position: static;
right: auto;
bottom: auto;
}
#footer .vertical-disclaimer.is-horizontal ul { border: none; }
#footer .vertical-disclaimer.is-horizontal li:first-child { padding-left: 0; }
#footer .header-links li,
#footer .vertical-disclaimer.is-horizontal li {
padding-left: 0;
margin-right: 1em;
}
#footer .header-links li:last-child:after,
#footer .vertical-disclaimer.is-horizontal li.nuffic:after,
#footer .vertical-disclaimer.is-horizontal li:last-child:after { content: ''; }
.box4portlets .portlet.news .cta span { background-image: none; }
.box4portlets .portlet.bgcolor .cta-header  { font-size: 150%; }
#login-container #additional_registration_info .txt {
margin: 0 auto;
float: none;
width: 316px;
}
#rpx-register-container,
#rpx-login-container {
text-align: center;
margin: 0 auto;
float: none;
width: 450px;
}
.searchbox input.inputfield {
width: 73%;
}
.searchbox .button {
/* */
}
#nuffic-visa-wizard form .submit.link-button {
margin: 10px 0 0 0;
}
/* */
#responsive-filtering {
display: block !important;
padding-top: 10px;
}
#sorting-filter {
display: none;
}
#map_canvas {
width: inherit;
}
} /* */
/* */
@media only screen and (min-width : 601px) and (max-width : 768px) {
body.debug {background-color: #FFA500;} /* */
body { font-size: 12px; }
} /* */
/* */
@media (max-width : 768px) {
body.debug {background-color: #F08080;}  /* */
body,
body.site-wil-weg { background: none; }
body.site-study-in-holland { background: url('/en/++theme++nuffic.theme/includes/image/bg-holland.jpg') 0 0 no-repeat; }
body.site-career,
body.subsite-www-hollandalumni-nl { background-image: none !important; }
.breadcrumbs li { line-height: 1.2em }
.header, ul.nav { height: auto; }
.field input[type="text"],
.details,
#sidebar-wrapper,
#content,
#footer ul.vertical-doormat > li,
#footer ul.vertical-doormat ul li,
#footer .vertical-disclaimer,
.template-alumni-search #content .details { width: 100%; }
.template-search-bare .details {
width: 66.64705882352942%;
margin: 1% 0 1% 2%;
margin-left: 2.9411764705882355%;
}
.details,
#sidebar-wrapper { margin-left: 0; }
#wrapper #content #content-core,
#wrapper #content .details {
font-size: 120%;
}
.subnav,
.addthis_toolbox,
#edit-bar,
#wrapper div.search,
#wrapper .nav,
#sitewide-wrapper {
display: none;
}
.loading .spinner-outer { display: block; }
.portlet,
.portlet.heading {
float: left;
width: 96%;
padding: 2%;
}
.sidebar .portletCallToAction,
.details .portletCallToAction {
width: 100%;
padding: 0 !important;
}
ul.responsive.navigation {
display: block;
margin-bottom: 1.5em;
}
ul.responsive.navigation li {
float: none;
margin: 0 0 2px 0;
background-color: #efefef;
border: 1px solid #dedede;
}
ul.responsive.navigation li a {
display: block;
font-size: 1.5em;
color: #404040;
padding: 0.3em 0.5em;
}
ul.responsive.navigation li a i.fa { margin-right: 0.1em }
ul.responsive.navigation li a:hover { text-decoration: none; }
ul.responsive.navigation li a:active,
ul.responsive.navigation li a:active i {
color: #FF6600;
text-decoration: none;
}
#footer ul li a { padding: 0; }
#footer .heading-doormat,
#footer .header-links li,
#footer .vertical-disclaimer li,
#footer ul.vertical-doormat { font-size: 1.1em !important; }
#footer ul.vertical-doormat ul { border: none; }
#footer ul.vertical-doormat > li {
padding-left: 0;
margin-bottom: 20px;
}
#footer ul.vertical-doormat ul li {
width: 96%;
padding-left: 4%;
margin-bottom: 10px;
}
#footer ul.vertical-doormat ul.twocol { width: 70%; }
#footer ul.vertical-doormat ul.twocol li{ width: 46%; }
#footer ul.vertical-doormat li ul li:first-child { width: 100%; }
#footer .header-links,
#footer ul.nuffic.responsive {display: block;}
#footer ul.horizontal-disclaimer {
float: left;
}
#footer ul.horizontal-disclaimer li {
padding-left: 0;
padding-right: 20px;
}
#footer .social.responsive {
display: block;
padding-bottom: 15px;
float: none;
}
#footer .social.responsive a {
padding-left: 0; /* */
}
.search,
.search .button,
.search .inputfield {
/* **/
background: none;
position: inherit;
right: inherit;
top: inherit;
left: inherit;
width: auto;
height: auto;
padding: 0;
margin: 0;
text-indent: 0;
}
.search {
background-color: #ffffff;
position: relative;
clear: both;
width: 100%;
-moz-box-shadow: 0 0 4px rgba(80, 80, 80, .4);
-webkit-box-shadow: 0 0 4px rgba(80, 80, 80, .4);
box-shadow: 0 0 4px rgba(80, 80, 80, .4);
-moz-border-radius: 1px;
-webkit-border-radius: 1px;
border-radius: 0;
}
.search .inputfield {
width: 84%;
padding: 1.5%;
}
.search .inputfield:focus { background-color: transparent; }
.search .button {
display: inline-block;
padding: 1.5%;
width: 10%;
height: 100%;
}
.search .inputfield,
.search .button {
font-size: 1.7em;
color: #808080;
background-color: transparent;
}
.sticky #responsive-menu,
.sticky .breadcrumbs,
.sticky h1 {
display: none;
}
.sticky #content .searchresults {
margin-top: 240px;
}
.sticky .searchbox-wrapper {
position: fixed;
top: 0;
padding-bottom: 0.5em;
z-index: 9;
background-color: #fff;
box-shadow: 0 4px 2px -2px #fff;
}
.sticky .searchbox {
margin-top: 0;
}
#responsive-filtering {
display: block !important;
padding-top: 10px;
}
.paging {
width: 100%;
}
.paging ul {
text-align: inherit;
margin-left: 0 !important;
padding-left: 0;
}
.paging ul li { font-size: 180%;}
.ln-letters a { font-size: 130%; }
.template-search-bare .ln-letters a { font-size: 100%; }
.paging .prev,
.paging .next,
#sorting-filter,
.search .button { display: none; }
.search .button.responsive { display: inline; }
#responsive-menu {
display: block;
margin: 2% 2% 0 2%
}
#responsive-menu .logo {
float: left;
width: 30%;
}
body.subsite-career #responsive-menu .logo,
body.subsite-www-hollandalumni-nl #responsive-menu .logo {
width: 20%
}
body.site-wil-weg #responsive-menu .logo {
width: 20%;
margin: 5px 0 0 5px;
}
body.subsite-neso  #responsive-menu .logo {
width: 50%;
margin: 5px 0 0 5px;
}
#responsive-menu .buttons {
float: right;
}
#responsive-menu .menu-item {
display:block;
font-size: 3em;
padding: 0.2em 0.15em 0.2em 0.15em;
float: right;
}
#responsive-menu .menu-item:hover { text-decoration: none; }
#responsive-menu .menu-item:last-child { margin-left: 0; }
#responsive-menu .tagline {
float: right;
clear: right;
width: 70%;
margin: 0.5em 0;
font-size: 120%;
font-style: italic;
text-align: right;
}
#responsive-menu .flyout-menu { background: #3b3b3b; }
body.site-study-in-holland #responsive-menu .tagline,
body.site-study-in-holland #responsive-menu .menu-item {
color: #ffffff;
}
/* */
.buttons a.authenticated {
color: #0050a0;
}
body.site-study-in-holland #responsive-menu a.authenticated {
color: #FF6600;
}
.box4portlets { margin-top: 10px; }
.box4portlets .portlet.bgcolor .cta-header  {
font-size: 130%;
}
.portlet .linklist li a {
background: none;
padding: 1% 2%;
}
.portlet.heading ul li a { display: block; }
.portletCollection.heading ul li,
.portlet.heading ul li.portletItem {
margin-bottom: 0.5em;
}
#sidebar-wrapper .portlet.heading > .cta {
position: static;
display: block;
width: 96%;
padding-right: 4%;
}
#content .details .portlet { width: 94.78260869565217%; }
.custom-select select {
padding: 2.5% 2%;
margin-top: 10px;
}
.custom-select:after {
padding-bottom: 1%;
font-size: 1em;
top: auto;
}
#useful a:first-child {
margin-right: 20px;
}
.breadcrumbs {
margin-bottom: 10px;
}
.breadcrumbs li {
padding-bottom: 0.5em;
}
.breadcrumbs li a,
.breadcrumbs li span {
font-size: 120%;
}
.fixed-button {
font-size: 150%;
display: block;
position: fixed;
bottom: 1em;
right: 0.5em;
padding: 0.5em;
height: auto;
z-index: 100;
}
.fixed-button:hover {
background-color: rgba(0, 0, 0, 0.6);
}
button.context,
.link-button,
.pfg-form .control.submit input {
padding: 5px 15px;
height: inherit;
}
} /* */
/* */
@media (max-width : 600px) {
#photoslider {
display: none;
}
#photoslider ul li {
background: none !important;
}
.box4portlets { width: 102%; }
.box4portlets .portlet {
font-size: 75%;
width: 48%;
height: 0;
padding-bottom: 43%;
margin: 0 2% 2% 0;
}
.box4portlets .portletCallToAction img { width: 100%; }
.box4portlets .portletCallToAction.bggradient img { width: auto; }
.box4portlets .portlet.bggradient h2 { font-size: 150%; }
.box4portlets .portlet.bgcolor .cta-header { font-size: 200%; }
.box4portlets .portlet .cta { font-size: 140% }
.searchbox .button { width: 20% }
body .tabs-nav {
display: none;
}
body .tabPanel {
width: 100%;
display: block !important;
padding: 0;
margin: 0;
}
body .tabPanel > h2 {
padding: 10px 5px;
border: 1px solid #cccccc;
background: #FF0000;
font-weight: normal;
color: #fff;
text-decoration: none;
font-size: 120%;
vertical-align: middle;
margin: 0;
}
body .activecarousel > h2,
body .tabPanel > h2:hover {
cursor: pointer;
background: #fff;
color: #000;
font-weight: bold;
}
body .tabPanel > h2:before {
font-family: FontAwesome;
content: "\f0da";
display: inline-block;
width: 15px;
height: 10px;
}
body .activecarousel > h2:before {
content: "\f0d7"
}
body .tabPanel .tabcontent {
max-height: 0;
overflow: hidden;
padding: 0 5px;
-webkit-transition: all 0.35s ease-out;
-ms-transition: all 0.35s ease-out;
-moz-transition: all 0.35s ease-out;
-o-transition: all 0.35s ease-out;
transition: all 0.35s ease-out;
}
body .activecarousel .tabcontent {
max-height: 1500px;
padding: 5px;
-webkit-transition: all 0.35s ease-in;
-ms-transition: all 0.35s ease-in;
-moz-transition: al 0.35s ease-in;
-o-transition: all 0.35s ease-in;
transition: all 0.35s ease-in;
}
#tabcarousel {
height: auto;
}
} /* */
/* */
@media only screen and (min-width : 481px) and (max-width : 600px) {
body.debug {background-color: #E6E6FA;}  /* */
} /* */
/* */
@media only screen and  (max-width : 480px) {
body.debug {background-color: #E0FFFF;}  /* */
body.site-study-in-holland #responsive-menu .logo { width: 35%; }
body.site-wil-weg #responsive-menu .logo { width: 25%; }
body.subsite-career #responsive-menu .logo,
body.subsite-www-hollandalumni-nl #responsive-menu .logo {
width: 26%;
}
#content .portletEvents p {
font-size: 80%;
}
.box4portlets .portlet.bgcolor .cta-header { font-size: 200%; }
.box4portlets .portlet .cta { font-size: 130%; }
.portlet.bggradient img { padding: 10% 0; }
.portlet.bggradient .img-wrapper { height: 65%; }
.portlet.bggradient h2 {
height: 21%;
padding: 2% 0;
}
.cc-cookies {
position: fixed !important;
float: none !important;
}
.searchbox {
padding: 14px 7px;
}
.searchbox .discreet {display: none}
.searchbox .button,
.searchbox input.inputfield {
font-size: 150%;
}
.searchbox input.inputfield {
width: 80%;
margin: 0;
padding: 0 0 0 5px;
border-radius: 1px;
height: 2.25em;
}
.searchbox .button {
width: 15%;
background-position: right 666px;
margin-top: 1px;
padding: 1px 0;
height: 2.25em;
color: transparent;
-webkit-transition: all 0.7s;
-moz-transition: all 0.7s;
transition: all 0.7s;
-o-transition: all 0.7s
}
#nuffic-visa-wizard form #input-country,#nuffic-visa-wizard form .submit.link-button {
width: 100%;
}
#why-not-useful {
float: inherit;
}
#login-container #login_form,
.janrainContent { margin:0 !important; }
#rpx-register-container fieldset { padding-left: 20px; }
} /* */
/* */
@media screen and (max-width: 320px) {
body.debug {background-color: #F0FFF0;}  /* */
body.site-study-in-holland #responsive-menu .logo { width: 40%; }
body.site-wil-weg #responsive-menu .logo { width: 30%; }
body.subsite-career #responsive-menu .logo,
body.subsite-www-hollandalumni-nl #responsive-menu .logo {
width: 33%;
}
} /* */
/* */
@media screen and (min-width: 321px) and (max-width: 480px) {
body.debug {background-color: #FFF5EE;} /* */
} /* */
/* */
@media only screen and  (max-width : 390px) {
.template-checklist-login-register #content .section,
.template-login_form #content .section {
margin-left: 0;
margin-right: 0;
}
.template-checklist-login-register .breadcrumbs,
.template-checklist-login-register h1,
.template-checklist-login-register p.intro,
.template-login_form .breadcrumbs {
margin-left: 2.797202797202797%;
margin-right: 2.797202797202797%;
}
#rpx-register-container, #rpx-login-container {
width: auto;
}
#login-container #login_form,
#rpx-register-container fieldset {
height: auto;
width: auto;
}
}
/* */
/* */
@media screen and (max-width: 55.1875em){
.cbp-spmenu-horizontal {
font-size: 75%;
}
}
@media screen and (max-height: 26.375em){
.cbp-spmenu-vertical {
font-size: 90%;
}
}
/* */
/* */
@media screen and (min-width: 1150px) {
#sitewide-header .logo-nuffic {
position:absolute;
left:-64px;
top:8px;
z-index:6;
width: auto;
height: auto;
}
.home-holland-template #sitewide-header img.logo-nuffic,
.site-study-in-holland #sitewide-header img.logo-nuffic,
.site-wil-weg #sitewide-header img.logo-nuffic {
width:auto;
height:auto;
}
.subsite-career  #sitewide-header .logo-nuffic,
.subsite-www-hollandalumni-nl  #sitewide-header .logo-nuffic,
.site-study-in-holland #sitewide-header .logo-nuffic,
#sitewide-header .logo-nuffic {
left:-69px;
top:38px;
}
#sitewide-header .menu {
left: 50px;
}
.subsite-www-hollandalumni-nl ul.nav {
width: 89.58333333333334%;
}
}
/* */
/* */
@media screen and (max-width: 700px) {
#search_panel:before {
clear:both;
}
#recent_products:empty {
display:none !important;
}
}
/* */