/*
Theme Name: Vantage Child
Author: SiteOrigin
Author URI: http://siteorigin.com/
Theme URI: http://siteorigin.com/theme/vantage
Description: Vantage Child Theme
Version: 1.0.0
Template: vantage
Text Domain: vantage
Domain Path: /languages/
*/
/* =Theme customization starts here
————————————————————– */
/* Facebook */
.boxes.facebook { margin-top: 0px; }
#cff .cff-item {
width: 31% ;
float: left ;
margin-right: 3% ;
clear: none ;
}
#cff .cff-item:last-child {
margin-right: 0% ;
}
/* Subpages widget */
.widget_subpages {
padding-bottom: 30px;
border-bottom: 2px solid #31365b;
margin-bottom: 30px;
}
.widget_subpages h2,
.widget_subpages ul li a {
display: block;
font-size: 18px !important;
font-weight: 400 !important;
margin: 0 !important;
padding: 6px 0 !important;
}
.widget_subpages ul,
.widget_subpages ul li {
margin: 0; padding: 0; list-style: none;
}
/* Typography */
/* Basic Typography */
body { font-size: 16px; line-height: 1; }
.entry-content h1 { font-size: 3.0em; line-height: 1.10em; font-weight: 900; color: #61abe3; margin: 0; padding: 0; margin: 12px 0 24px 0; text-transform: none; letter-spacing: 0; }
.entry-content h2 { font-size: 2.1em; line-height: 1.15em; font-weight: 900; color: #61abe3; margin: 0; padding: 0; margin: 12px 0 24px 0; text-transform: none; letter-spacing: 0; }
.entry-content h3 { font-size: 1.6em; line-height: 1.25em; font-weight: 600; color: #263684; margin: 0; padding: 0; margin: 12px 0 24px 0; text-transform: none; letter-spacing: 0; }
.entry-content h4 { font-size: 1.4em; line-height: 1.25em; font-weight: 600; color: #263684; margin: 0; padding: 0; margin: 12px 0 24px 0; text-transform: none; letter-spacing: 0; }
.entry-content h5 { font-size: 1.3em; line-height: 1.25em; font-weight: 400; color: #101541; margin: 0; padding: 0; margin: 12px 0 24px 0; text-transform: none; letter-spacing: 0; }
.entry-content h6 { font-size: 1.1em; line-height: 1.25em; font-weight: 400; color: #101541; margin: 0; padding: 0; margin: 12px 0 24px 0; text-transform: none; letter-spacing: 0; }
.entry-content p { font-size: 1.0em; line-height: 1.50em; font-weight: 400; color: #101541; margin: 0; padding: 0; margin-top: 20px; }
.entry-content .side-content h1 { color: #61abe3; }
.entry-content .side-content h2 { color: #61abe3; }
.entry-content .side-content h3 { color: #61abe3; }
.entry-content .side-content h4 { color: #61abe3; }
.entry-content .side-content h5 { color: #FFF; }
.entry-content .side-content h6 { color: #FFF; }
.entry-content .side-content p { color: #FFF; }
.entry-content .side-content h1 { color: #FFF; }
.entry-content .dark h2 { color: #61abe3; }
.entry-content .dark h3 { color: #61abe3; }
.entry-content .dark h4 { color: #61abe3; }
.entry-content .dark h5 { color: #FFF; }
.entry-content .dark h6 { color: #FFF; }
.entry-content .dark p { color: #FFF; }
.dark a:link,
.dark a:visited,
.dark a:hover { color: #61ABE3; }
.uutinen a { text-decoration: none; }
.main-navigation ul li a {
padding-left: 25px !important;
padding-right: 25px !important;
}
h1+p { font-size: 1.3em; }
blockquote { margin: 30px 0; font-size: 1.25em; line-height: 1.5em; color: #505050; text-align: left; font-style: italic; }
address { font-style: normal; display: inline-block; }
address p { margin-bottom: 1em;}
/* Separators */
hr {
clear: both;
display: block;
border: 0;
margin: 30px 0px;
background-color: #e1e1e1;
height: 1px;
}
/* List */
ul,
ol { font-size:1.05em; line-height:1.1em; margin: 20px 0 0 10px; list-style:none; }
ol { list-style:decimal; }
li { margin-top: 10px; list-style: disc; }
/* Custom Typography */
/* BM&M link
BM&M
*/
a.bmm:link { font-family: 'Georgia'; color: #CCC; font-weight: bold; text-decoration: none; }
a.bmm:visited { color: #CCC; text-decoration: none; }
a.bmm:hover { color: #FFF; text-decoration: none; }
a.bmm:active { color: #FFF; text-decoration: none; }
/* Element Modifications */
/* Menu */
ul.menu { border-bottom: solid 6px #61abe3; }
ul.menu li.menu-item { margin-bottom: -6px; border-bottom: solid 6px #61abe3; }
ul.menu li.menu-item.current-menu-item { border-bottom: solid 6px #101541; }
ul.menu li.menu-item a { background-color: #FCFCFC; color: #101541; }
ul.menu li.menu-item a:hover { background-color: #EEE; color: #101541; }
ul.menu li.menu-item.current-menu-item a { background-color: #FCFCFC; color: #61abe3; }
.student-corner { float: right; }
li.student-corner a { background-color: #61abe3 !important; color: #FFF !important; }
li.student-corner a:hover { background-color: #101541 !important; color: #FFF !important; }
li.student-corner.current_page_item a { color: #FFF !important; }
#search-icon-icon { background-color: #101541 !important; margin-top: 10px; }
#search-icon-icon .vantage-icon-search { color: #61abe3 !important; }
#search-icon-icon:hover { background-color: #101541 !important; }
#search-icon-icon:hover .vantage-icon-search { color: #FFF !important; }
#search-icon #search-icon-icon { height: 58px !important; }
.search-results article { margin-top: 30px; }
.search-results article p { line-height: 1.3em; }
.search-results #content { padding: 30px 0; }
/* Mobile */
.main-navigation a { color: #101541; }
.mobile-nav-frame { background-color: #151830 !important; }
.mobile-nav-frame .title { border-bottom: none !important; background: #263684 !important; }
.mobile-nav-frame ul {
margin: 0px 12px !important;
background: #151830 !important;
border: none !important;
padding: 0 !important;
box-shadow: none !important;
border-radius: 0 !important;
}
.mobile-nav-frame ul li {
display: block !important;
padding: 15px 0 !important;
margin: 0 !important;
border-bottom: 1px solid #252b56 !important;
border-top: none !important;
}
.mobile-nav-frame ul li a.link {
display: block !important;
margin-right: 30px !important;
text-decoration: none !important;
color: #FFF !important;
text-shadow: none !important;
font-size: 18px !important;
font-weight: 400 !important;
}
.mobile-nav-frame ul li a.link:hover { color: #DC1F41 !important; }
/* WP Gallery */
.gallery { margin-top: 30px !important; margin-bottom: 30px; }
.gallery-item { width: 24% !important; margin-right: 1% !important; margin-top: 1% !important; }
.entry-categories { display: none; }
.filtteri { margin-bottom: 25px; }
.filtteri input[type=radio] { display: none !important; }
.filtteri input[type=radio]:checked + label { color: #61abe3; font-weight: 600; background-color: #101541; }
.filtteri label { margin-right: 3px; padding: 10px; background-color: #EEE; }
#main { padding: 0px; }
header.entry-header { display: none; }
.main-navigation ul { }
.metaslider .caption-wrap {
position: absolute;
bottom: 50% !important;
left: 0;
background: transparent !important;
color: white;
opacity: 1 !important;
margin: 0;
display: block;
text-align: center;
width: 100%;
line-height: 1.4em;
}
.metaslider .caption {
padding: 5px 10px;
word-wrap: break-word;
font-size: 48px;
color: #FFF !important;
opacity: 1 !important;
}
.sow-image-container { max-height: 40px; }
/* Rakenne */
.full-container { max-width: 1200px !important; }
.container { position: relative; max-width: 1200px; width: 96%; margin: 0 auto; padding: 0; }
.row { display: flex; flex-flow: row wrap; }
.col { padding-left: 1%; padding-right: 1%; }
.one { float: left; width: 23%; }
.two { float: left; width: 48%; }
.three { float: left; width: 73%; }
.four { float: none; width: 98%; }
.third { float: left; width: 31.333%; }
.main-content { padding-top: 30px; padding-bottom: 30px; padding-left: 0; width: 70%; padding-right: 3%; }
.side-content { width: 23%; padding: 30px 2%; background-color: #101541; }
.contact-page .main-content { padding-top: 30px; padding-bottom: 30px; padding-left: 0; width: 60%; padding-right: 3%; }
.contact-page .side-content { width: 33%; padding: 30px 2%; background-color: #101541; }
/* Event */
.single-event .entry-content h2 { margin-top: 15px; }
.single-event .side-content h4 { margin-bottom: 5px; }
.single-event .side-content span.aika { display: block; color: #EEE; font-size: 1.2em; margin-bottom: 15px; }
.single-event .side-content p { display: block; color: #EEE; font-size: 1.2em; margin-top: 10px; }
/* Partners */
.partner-wrapper {}
.partner { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 2px solid #EEE; }
.partner:last-child { border-bottom: none; }
.partner h5 { font-size: 24px; color: #263684; }
.partner .partner-logo { max-width: 500px; }
.partner .hlo { }
.partner .hlo .portrait { float: left; margin-right: 30px; }
.clear { clear: both; }
/* Side Content */
.side-content hr { background-color: #31365b; }
.side-content .event1 h3 { font-size: 1.35em; margin-bottom: 0px !important; line-height: 1em; }
.side-content .event1 p { font-size: 15px; line-height: 1.4em; margin-top: 6px !important; }
.side-content .sisalto p span { color: #61abe3; }
.feature-image { display: flex; align-items: center; justify-content: center; height: 240px; background-color: #101541; background-size: cover; background-position: center center; }
.feature-image .overlay { display: flex; align-items: center; width: 100%; height: 100%; background-color: rgba(0, 113, 150, 0.65); }
.feature-image .overlay h1.titteli { color: #FFF; font-size: 75px; line-height: 1em; font-weight: 900; letter-spacing: -0.05em; padding: 50px; }
.feature-image-hero { display: flex; align-items: center; justify-content: center; height: 480px; background-color: #101541; background-size: cover; background-position: center center; }
.feature-image-hero .overlay { display: flex; justify-content:center; align-items:center; width: 100%; height: 100%; background-color: rgba(0, 113, 150, 0.35); }
.feature-image-hero .overlay h1.titteli { color: #FFF; font-size: 115px; font-weight: 900; letter-spacing: -0.03em; text-align: center; }
.feature-image-hero .overlay p.subtitteli { color: #FFF; font-size: 30px; font-weight: 600; letter-spacing: -0.015em; text-align: center; }
.boxes { display: flex; width: 100%; margin: 30px -1%;}
.boxes .col { margin: 0 1%;}
.box { padding: 24px; padding-top: 18px; }
.box h2 { font-size: 1.6em; }
.box-about { background-color: #e7e8e9; }
.box-news { background-color: #101541; }
.box-events { background-color: #61abe3; }
.box-events h2 { color: #FFF; }
.box-events p.ajankohta { color: #FFF; }
.box-events p.ajankohta span { color: #FFF; }
.event,
.uutinen { display: flex; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #EEE; }
.kuva { width: 30%; }
.sisalto { width: 70%; padding-left: 30px; }
.sisalto h3 { margin-bottom: 10px !important; }
.sisalto h3 a:link,
.sisalto h3 a:visited { color: #263684; }
.sisalto h3 a:hover { color: #DC1F41; }
.dark .sisalto h3 a:link,
.dark .sisalto h3 a:visited { color: #61ABE3; }
.dark .sisalto h3 a:hover { color: #DC1F41; }
.sisalto p { margin-top: 10px !important; }
.sisalto p span { color: #666; }
p.ajankohta { color: #61abe3; }
a.btn { display: inline-block; margin: 10px 0; padding: 6px 10px; color: #FFF; background-color: #263684; border-radius: 3px; margin-right: 10px; }
a.btn:hover { color: #FFF !important; background-color: #DC1F41; }
.dark a.btn { background-color: #61ABE3; color: #FFF !important; }
.dark a.btn:hover { color: #FFF !important; background-color: #DC1F41; }
.event1 { display: block; }
.event1 .kuva { width: 100%; }
.event1 .sisalto { width: 100%; padding-left: 0px; }
.post-navigation { display: none; }
article.post { margin-bottom: 0 !important; padding-bottom: 0 !important; border-bottom: none !important; }
/* Self Clearing Goodness */
.container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }
/* Use clearfix class on parent to clear nested columns,
or wrap each row of columns in a */
.clearfix:before,
.clearfix:after,
.row:before,
.row:after,
.colrow:after,
.colrow :before {
content: '\0020';
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0; }
.colrow:after,
.row:after,
.clearfix:after {
clear: both; }
.colrow,
.row,
.clearfix {
zoom: 1; }
/* You can also use a
to clear columns */
.clear {
clear: both;
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;
}
/* Custom Classes */
/* Lomake */
.lomake {display: block; }
.full { display: inline-block; width: 98%; margin-bottom: 15px; }
.wpcf7-text { width: 100%; }
.wpcf7-email { width: 100%; }
.wpcf7-textarea { width: 100%; }
#theme-attribution {display: none !important;}
/* Responsive styling */
@media only screen and (max-width: 1000px) {
.main-navigation ul li a {
padding-left: 21px !important;
padding-right: 21px !important;
}
/* hide */
.hide-1000 { display: none; }
}
@media only screen and (max-width: 786px) {
#cff .cff-item {
width: 47%;
margin-right: 3%;
}
#cff .cff-item:last-child {
margin-right: 0% ;
}
.main-navigation ul li a {
padding-left: 15px !important;
padding-right: 15px !important;
}
/* Mobile hide */
.hide-786 { display: none; }
}
@media only screen and (max-width: 680px) {
.feature-image { display: block; width: 100%; height: auto; background-color: #101541; background-size: cover; background-position: center center; }
.feature-image .overlay { display: block; width: 100%; height: 100%; background-color: rgba(0, 113, 150, 0.65); }
.feature-image .overlay h1.titteli { color: #FFF; font-size: 40px; line-height: 1em; font-weight: 900; letter-spacing: -0.05em; margin: 0; padding:50px 30px; }
.feature-image-hero { display: flex; align-items: center; justify-content: center; height: 280px; background-color: #101541; background-size: cover; background-position: center center; }
.feature-image-hero .overlay h1.titteli { font-size: 75px !important; }
.feature-image-hero .overlay p.subtitteli { line-height: 1.1em !important; }
.container { width: 100%; }
.main-content,
.side-content { padding: 24px; }
.contact-page .main-content,
.contact-page .side-content { width: 100%; padding: 24px; }
.partner .hlo .portrait { max-width: 150px; float: none; margin-right: 24px; }
.boxes { display: block; }
.one { float: left; width: 100%; }
.two { float: left; width: 100%; }
.three { float: left; width: 100%; }
.four { float: none; width: 100%; }
.third { float: left; width: 100%; }
.uutinen { display: block; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #EEE; }
.kuva { display: block; width: 100%; }
.sisalto { display: block; width: 100%; padding-left: 0px; }
.widget_sow-image { display: block !important; float: left !important; width: 45% !important; padding: 0 2.5%; }
.sow-image-container { width: 100%; max-height: 40px; }
/* Mobile hide */
.hide-600 { display: none; }
}
@media only screen and (max-width: 480px) {
#cff .cff-item {
width: 100%;
margin-right: 0%;
}
#cff .cff-item:last-child {
margin-right: 0% ;
}
/* Mobile hide */
.hide-480 { display: none; }
}