/* ----------------------------------------- */ /* View: Universities footer - start */ /* ----------------------------------------- */ #universitites-footer a { color: #ccc; border: none !important; line-height: 32px; }#universitites-footer a:hover { color: #fff; border-bottom: 1px solid #fff !important; }#universitites-footer span.separator { color: #fff; font-size: 12px; margin: 0 10px; }@media only screen and (max-width: 800px) { #universitites-footer a { display: block; } #universitites-footer span.separator { display: none; } } /* ----------------------------------------- */ /* View: Universities footer - end */ /* ----------------------------------------- */

/* ----------------------------------------- */ /* Content Template: New homepage - start */ /* ----------------------------------------- */ #uni-map { padding: 60px 0 40px; }/*--- SLIDERS ---*/@media only screen and (max-width: 799px) { #mobile-slider { margin-bottom: 30px; } }@media only screen and (min-width: 800px) { #sliders-container { margin-bottom: 60px; } }/*--- COLUMN & MAP HEIGHT ---*/.team-map-height { height: 300px; }@media only screen and (min-width: 1455px){ .fusion-one-half.height .fusion-column-wrapper, .team-map-height { height: 520px; } }@media only screen and (max-width: 1454px) and (min-width: 1040px){ .fusion-one-half.height .fusion-column-wrapper, .team-map-height { height: 770px; } }@media only screen and (max-width: 1039px) and (min-width: 900px){ .fusion-one-half.height .fusion-column-wrapper, .team-map-height { height: 800px; } }@media only screen and (max-width: 899px) and (min-width: 800px){ .fusion-one-half.height .fusion-column-wrapper, .team-map-height { height: 890px; } }@media only screen and (max-width: 800px) { .fusion-one-half.text-box { display: none; } } /* ----------------------------------------- */ /* Content Template: New homepage - end */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Content Template: Homepage boxes – combined - start */ /* ----------------------------------------- */ /*--- GENERAL SETTINGS ---*/ .show-on-desktop{ display: visible; } .show-on-mobile{ display: none; }/*--- MODULES STYLING ---*/ .mobile-start-image, .mobile-start-hr{ display: none; }.homepage-box { position: relative; background-size: cover; background-position: center center; }.homepage-box .shadow { position: absolute; width: 100%; height: 50%; bottom: 0; left: 0; z-index: 1; -webkit-transition: 0.3s ease-out; -moz-transition: 0.3s ease-out; -o-transition: 0.3s ease-out; transition: 0.3s ease-out; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.7))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#99000000',GradientType=0 ); /* IE6-9 */ }.homepage-box .text-holder { position: absolute; width: 100%; padding: 0 1.5vw 1.2vw 1.5vw; bottom: 0; left: 0; z-index: 9; }.homepage-box h2, .homepage-box h3, .homepage-box p { color: #fff; }.homepage-box h3 { font-size: 1.2vw; line-height: 1.6vw; text-transform: none; }#main .post-content .homepage-box.large h2 { font-family: FuturaBT-Bold, Arial, sans-serif; font-size: 2.2vw; line-height: 2.6vw; margin-top: 40px; }#main .post-content .homepage-box.large h2:after { background-color: #fff; }.homepage-box p { text-align: center; }/* Default box */.homepage-box.default-box .label { position: absolute; top: 30px; left: 0; max-width: 90%; background-color: #fff; font-family: FuturaBT-Bold, Arial, sans-serif; text-transform: uppercase; font-size: 0.9vw; line-height: 1.2vw; padding: 11px 16px 9px 30px; margin: 0; }.homepage-box.default-box .text-holder .symbol { display: none; }/* Black box */ @media only screen and (min-width: 668px) {.homepage-box.black-box { background-image: none !important; background-color: #333; -webkit-transition: 0.3s ease-out; -moz-transition: 0.3s ease-out; -o-transition: 0.3s ease-out; transition: 0.3s ease-out; }.homepage-box.black-box .label, .homepage-box.black-box .shadow { display: none; }.homepage-box.black-box .text-holder { text-align: center; top: 50%; transform: translateY(-50%); -ms-transform: translateY(-50%); /* IE 9 */ -webkit-transform: translateY(-50%); /* Safari */ padding: 0 30px; }.homepage-box.black-box .text-holder h3 { margin-top: 30px !important; }.homepage-box.black-box .symbol { font-size: 6vw; color: #fff; }.homepage-box.black-box.small p, .homepage-box.black-box.medium p { display: none; } } /* Media Query *//* BLACK BOX SPECIAL */ @media only screen and (max-width: 667px) { .black-box{ background-color: transparent !important; } .black-box .text-holder span{ display: none !important; } } /* Media Query *//* Image only */.homepage-box.image-only .label, .homepage-box.image-only .text-holder, .homepage-box.image-only .text-holder .symbol { display: none; }.homepage-box.image-only .shadow { height: 50%; -webkit-transition: 0.3s ease-out; -moz-transition: 0.3s ease-out; -o-transition: 0.3s ease-out; transition: 0.3s ease-out; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.0) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.0))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.0) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.0) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.0) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.0) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#99000000',GradientType=0 ); /* IE6-9 */ }/*--- DESKTOP HOVER EFFECTS ---*/@media only screen and (min-width: 768px) { .homepage-box.default-box:hover .shadow { height: 60%; -webkit-transition: 0.3s ease-out; -moz-transition: 0.3s ease-out; -o-transition: 0.3s ease-out; transition: 0.3s ease-out; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.8))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#99000000',GradientType=0 ); /* IE6-9 */ } .homepage-box.black-box:hover { background-color: #000; -webkit-transition: 0.3s ease-out; -moz-transition: 0.3s ease-out; -o-transition: 0.3s ease-out; transition: 0.3s ease-out; } .homepage-box.image-only:hover .shadow { height: 60%; -webkit-transition: 0.3s ease-out; -moz-transition: 0.3s ease-out; -o-transition: 0.3s ease-out; transition: 0.3s ease-out; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#99000000',GradientType=0 ); /* IE6-9 */ } }/*--- MODULES LAYOUT ---*/.modules-holder-1, .modules-holder-2 { overflow: hidden; }.homepage-box { display: block; margin-right: 2%; margin-bottom: 2vw; }.post-content a.homepage-box, .post-content a.homepage-box:hover { border-bottom: none !important; }.no-margin { margin-right: 0; }.height-1 { height: 45vw; }.height-2 { height: 21.5vw; }.homepage-box.large, .homepage-box.medium { width: 49%; }.homepage-box.small { width: 23.5%; }/* Modules holder 1 */.modules-holder-1 .homepage-box.small, .modules-holder-1 .homepage-box.medium { float: right; }.modules-holder-1 .homepage-box.large { float: left; }/* Modules holder 2 */.modules-holder-2 .homepage-box.small { float: left; }/* Responsive modules and fonts */@media only screen and (max-width: 1024px) { .homepage-box h3 { font-size: 18px; line-height: 24px; } #main .post-content .homepage-box.large h2 { font-size: 22px; line-height: 30px; } .homepage-box.black-box .symbol { font-size: 13vw; } .homepage-box.default-box .label { font-size: 15px; line-height: 23px; } }@media only screen and (min-width: 768px) and (max-width: 1024px) { .modules-holder-1 .homepage-box, .modules-holder-2 .homepage-box { margin-bottom: 4vw; } .modules-holder-1 .homepage-box.large, .modules-holder-1 .homepage-box.medium { width: 100%; float: none; clear: both; margin-right: 0; } .homepage-box.small { width: 48%; margin-right: 4%; } .homepage-box.small.no-margin, .homepage-box.small.no-margin-responsive { margin-right: 0; } .homepage-box.height-1 { height: 80vw; } .homepage-box.height-2 { height: 40vw; } }@media only screen and (max-width: 767px) { .modules-holder-2 .homepage-box.small, .modules-holder-1 .homepage-box.small, .modules-holder-1 .homepage-box.medium, .modules-holder-1 .homepage-box.large { width: 100%; float: none; margin-right: 0; margin-bottom: 3vw; } h4.label, h2::after{ display: none; } a.homepage-box{ background-image: none !important; } .shadow{ display: none; } .homepage-box h2, .homepage-box h3, .homepage-box p { color: #333; } .mobile-start-image{ display: block; float: left; height: 80px; width: 80px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; margin-right: 12px; background-position: center center; }.text-holder h2, .text-holder h3{ text-align: left !important; font-size: 20px; line-height: 30px; margin-top: 9px; font-family: FuturaBT-Book, Arial, sans-serif !important; } .homepage-box.height-1 { height: 35vw; } .homepage-box.height-2 { height: 25vw; } .mobile-start-hr{ display: inline-block; height: 5px; border: 0; width: 100%; box-shadow: inset 0 5px 5px -5px rgba(0,0,0,0.5); } }@media only screen and (max-width: 568px) { .homepage-box .text-holder { padding: 0px; } .text-holder h2, .text-holder h3{ font-size: 16px !important; line-height: 26px !important; margin-top: 10px !important; } .homepage-box.default-box .label, .homepage-box.default-box .text-holder p { display: none; } .homepage-box.default-box .shadow { height: 70%; } .homepage-box.black-box .symbol { font-size: 10vw; } .homepage-box.black-box .text-holder h3 { margin-top: 15px !important; } }@media only screen and (max-width: 1024px) { .show-on-desktop{ display: none; } .show-on-mobile{ display: block; } } /* ----------------------------------------- */ /* Content Template: Homepage boxes – combined - end */ /* ----------------------------------------- */