/*
Theme Name: Jolla's Theme
Description: This is a custom child theme for Jolla's main theme
Author: Jolla Ltd
Author URI: http: //jolla.com/
Template: unlike
Version: 0.9
*/



/*********      1. ESSENTIALS     /*********/

/* All values are sidewide */

#slide-out-widget-area.fullscreen .inner .widget.widget_nav_menu li a, #slide-out-widget-area.fullscreen .inner .off-canvas-menu-container li a, #slide-out-widget-area.fullscreen-alt .inner .widget.widget_nav_menu li a, #slide-out-widget-area.fullscreen-alt .inner .off-canvas-menu-container li a {font-size: 52px; font-weight: 300; letter-spacing: 0.25px; line-height: 60px;}


/**********    1.1 Footer    /**********/

@media screen and (max-width: 690px) {#footer-outer #footer-widgets { margin-top: -50px!important;}}

#footer-outer #footer-widgets {border-top: 1px solid #ddd; margin-top: -60px; margin-bottom: -40px;}
#footer-outer #footer-widgets .col ul li {border: none!important; padding: 5px!important;}
#footer-outer, #nectar_fullscreen_rows > #footer-outer.wpb_row .full-page-inner-wrap {background: #fff;}
.FooterCopyright {text-align: left; margin-top: -10px; color: #000; font-weight: 600;}
#footer-outer a {font-weight: 400!important; color: #000;}
#footer-outer #copyright {background-color: white;}

@media screen and (max-width: 640px) {.FooterBox {padding: 0px 35px 0px 35px!important;}}
.FooterMobile {margin-top: -35px;}
.FooterMobileLinks {margin-top: 10px; margin-bottom: 30px !important; line-height: 200%;}

.FooterBox {
max-width: 1425px;
width: 100%;
margin: 0 auto;
padding: 0 90px;
color: #676767;
}

#footer-outer, #nectar_fullscreen_rows > #footer-outer.wpb_row .full-page-inner-wrap {
    padding: 60px 0px 60px 0px;
    border-top: 1px solid lightgrey;
}

/*******************************************/

/**********    1.1 Typography    /**********/


h1,h2,h3,h4,h5 {}
h1,h2,h3 {padding-bottom: 20px;}
h4,h6 {padding-bottom: 10px;}
h6 {color: white!important;}

/* Events */

.EventType {font-weight: 400; font-size: 0.9em; padding: 30px 0px 20px 0px; letter-spacing: 0.1px;}
.EventTitle {font-size: 1.35em;}
.EventText {margin-top: 20px;}

/**********/

@media screen and (max-width: 700px) {h6 {font-size: 0px!important;}}

.FooterBox p {padding: 0px;}

a:link {color: #42a6fc; text-decoration: none;}
a:active {color: #2478c1; text-decoration: none;}
a:visited {color: #42a6fc; text-decoration: none;}
a:hover {color: #2478c1; text-decoration: none;}

.Subtitle {
    line-height: 1.5em;
    color: black;
    font-size: 1.05em;
    font-weight: 400;
    text-transform: uppercase;
    position: relative;
    position: relative;
}

.Subtitle:after {
  content:' ';
  position: absolute;
  top:120%;
  left:0%;
  width: 70px;
  border: 1px solid #29a1d8;
  border-radius: 2px;
}

p.PressSubtitle {font-weight: 600; padding-bottom: 10px; font-size: 0.8em;}
.PressTitle {font-size: 1.15em!important; line-height: 130%!important; margin-bottom: 0px; color: black!important;}
.PressTitle:hover {color: #42a6fc!important; text-decoration: none;}
.PressLink {font-size: 1.15em!important; line-height: 130%!important; color: black!important;}
.PressLink:hover {color: #42a6fc!important; text-decoration: none;}
.PressRelease {margin: 30px 0px;}
.PressYear {margin-top: 120px; margin-bottom: 40px!important;}

/*******************************************/


/**********    2. PAGES    /**********/

body {background-color: white}
.row .col.section-title {padding-bottom: 40px; padding-top: 40px;}
.noPadding {margin: 0px!important}

.FooterLinks {text-align: left;}
.FooterCopyElement {border-top: 1px solid grey;}
.FooterArea {border-top: 1px solid #eeeeee!important;}
#footer-outer #footer-widgets .col ul {border-bottom: 0px!important;}

/*******************************************/

/**********    2.1 Home Page    /**********/

.HomeBox {padding: 40px; }
.HomeEvent {padding-top: 15px; padding-bottom: 15px;}
h5.HomeEvent {font-weight: 600;}
.HomeBoxImage {padding: 8%;}

.HomeEvent div.wpb_wrapper h5 {
    font-size: 0.85em;
    font-weight: 400 !important;
    letter-spacing: 0.7px;
    text-transform: uppercase;
}

.NarrowRow {max-width: 900px; margin: auto;}

/**********    2.2 Legal        /**********/

.LegalText {margin-top: 30px;}

/*******************************************/

/**********    2.2 Jolla C        /**********/

.mark {
width: 115px;
height: 2px;
background: #42a6fc;
margin: 15px 0px 40px 0px;
}

.Boxleft {margin-bottom: -20px!important;}
.IntroBox {margin-bottom: -20px!important;}
.IntroBox2 {margin-bottom: -20px!important;}

@media screen and (max-width: 999px) {
    .IntroBox {margin-bottom: 20px!important;}
    .IntroBox2 {margin-bottom: 40px!important;}
}

.JollaCAvailability {background-color: #f1f1f1;}

/*******************************************/