/*
Theme Name:     Divi Child Theme
Theme URI:      http://www.elegantthemes.com/gallery/divi/
Description:    Divi Child Theme for SOP
Author:         D.Labs
Author URI:     https://dlabs.si
Template:       Divi
Version:        1.0.0
*/

@import url("//hello.myfonts.net/count/2fc993");
@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,700,600,300");
@import url("../Divi/style.css");
/*
@font-face {
  font-family: 'CamphorStd';
  src: url('webfonts/2FC993_0_0.eot');
  src: url('webfonts/2FC993_0_0.eot?#iefix') format('embedded-opentype'),
       url('webfonts/2FC993_0_0.woff2') format('woff2'),
       url('webfonts/2FC993_0_0.woff') format('woff'),
       url('webfonts/2FC993_0_0.ttf') format('truetype');
  font-weight: normal;
}
@font-face {
  font-family: 'CamphorStd';
  src: url('webfonts/2FC993_1_0.eot');
  src: url('webfonts/2FC993_1_0.eot?#iefix') format('embedded-opentype'),
       url('webfonts/2FC993_1_0.woff2') format('woff2'),
       url('webfonts/2FC993_1_0.woff') format('woff'),
       url('webfonts/2FC993_1_0.ttf') format('truetype');
  font-weight: bold;
}
*/

@font-face {font-family: 'CamphorStd-Regular';src: url('webfonts/2FC993_0_0.eot');src: url('webfonts/2FC993_0_0.eot?#iefix') format('embedded-opentype'),url('webfonts/2FC993_0_0.woff2') format('woff2'),url('webfonts/2FC993_0_0.woff') format('woff'),url('webfonts/2FC993_0_0.ttf') format('truetype');}
@font-face {font-family: 'CamphorStd-Bold';src: url('webfonts/2FC993_1_0.eot');src: url('webfonts/2FC993_1_0.eot?#iefix') format('embedded-opentype'),url('webfonts/2FC993_1_0.woff2') format('woff2'),url('webfonts/2FC993_1_0.woff') format('woff'),url('webfonts/2FC993_1_0.ttf') format('truetype');}
@font-face {font-family: 'CamphorStd-Light';src: url('webfonts/2FC993_2_0.eot');src: url('webfonts/2FC993_2_0.eot?#iefix') format('embedded-opentype'),url('webfonts/2FC993_2_0.woff2') format('woff2'),url('webfonts/2FC993_2_0.woff') format('woff'),url('webfonts/2FC993_2_0.ttf') format('truetype');}

body, input, textarea, select {
  font-family: "CamphorStd-Light", Helvetica, Arial, sans-serif !important;
}
h1, h2, h3, h4, h5, h6, strong, b {
  padding: 0;
  font-family: "CamphorStd-Bold", Helvetica, Arial, sans-serif !important;
}

.sop-project-slider .et_pb_slide {
  padding: 0;
}
.sop-project-slider .et_pb_slide_image {
  margin-top: 0 !important;
}
.sop-project-slider .et_pb_slide_image img {
  max-height: initial !important;
}
.sop-project-slider .et_pb_slide_description {
  /*display: none;*/
  position: absolute;
  left: 0; right: 0; bottom: 0;
  padding: 30px 40px 10px;
  background: rgba(0,0,0,.4);
  background: linear-gradient(to top, rgba(0,0,0,.5) 0, rgba(0,0,0,.35) 50%, rgba(0,0,0,0) 100%);
}
.sop-project-slider .et-pb-controllers {
  bottom: 0;
}
.sop-project-slider .et-pb-controllers a {
  display: none;
  position: absolute;
  right: 8px; bottom: 8px;
  width: 30px;
  height: auto;
  padding: 6px 0 4px !important;
  margin: 0;
  font-size: 15px;
  line-height: 1 !important;
  pointer-events: none;
  text-indent: 0;
  border-radius: 5px 0 5px 0;
  color: #fff;
  background: #1F9DD9 !important;
}
.sop-project-slider .et-pb-controllers a.et-pb-active-control {
  display: block;
}

.sop-project-cta {
  position: relative;
}
.sop-project-cta .et_pb_promo_description {
  padding: 0 200px 0 0;
}
.sop-project-cta .et_pb_promo_description > h2 {
  padding: 0;
}
.sop-project-cta .et_pb_button {
  position: absolute;
  top: 50%; right: 0;
  max-width: 180px;
  color: #fff !important;
  transform: translate(0, -50%);
}
.sop-project-cta.et_pb_promo .et_pb_button {
  right: 60px;
}
.sop-project-cta .et_pb_button:hover {
  color: #333 !important;
}

.sop-cta-no-description .et_pb_promo_description {
  display: none;
}

.sop-white-bg-cols > .et_pb_column {
  background: #fff;
}

.et_pb_row.et_pb_row_fullwidth {
  width: 100% !important;
  max-width: 100% !important;
}

.icl_lang_sel_current {
  font-weight: bold;
}

.sop-footer .bottom-nav {
  float: left;
}
.sop-footer .et-social-icons {
  padding: 15px 0;
}
.sop-footer .et-social-icon a {
  font-size: 19px;
  color: #1F9DD9;
}
.sop-footer .et-social-icon a:hover {
  color: #1F9DD9;
}

.sop-inline-columns {
  text-align: center;
}
.sop-inline-columns .et_pb_module {
  display: inline-block;
  padding: 0 10px;
  vertical-align: top;
}

.sop-inline-columns.fifths .et_pb_module {
  box-sizing: border-box;
  width: 20%;
  min-width: 170px;
}

.sop-inline-columns img {
  max-width: 100%;
}

.sop-image-title-label {
  display: block;
  margin-top: 15px;
  padding: 0 15px;
  color: #333;
  font-weight: bold;
  font-size: 15px;
  line-height: 1.2;
}

.et_portfolio_image {
  border: 1px solid #536778;
}

/*
 * Spacings
 */
/*
.et_pb_section {
  padding: 100px 0;
}
.et_pb_with_background {
  padding: 40px 0 !important;
}
.et_pb_with_background .et_pb_text {
  margin: 0 !important;
}
*/
.sop-limited-section {
  width: 80%;
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 30px !important;
}
.sop-limited-section .et_pb_row {
  width: 100%;
}

#top-menu li.current-menu-item > a,
#top-menu li.current-menu-ancestor > a {
  color: #1F9DD9;
}
.sop-short-text-block .et_pb_text {
  max-width: 680px;
  margin: 0 auto;
}
/*
@media all and (max-width:980px) {
  .et_pb_section,
  .et_pb_row,
  .et_pb_column {
    padding: 0 !important;
  }
  .et_pb_module {
    margin: 40px 0 !important;
  }
  .et_pb_slider {
    margin: 0 !important;
  }
  .sop-project-cta {
    margin-bottom: 40px !important;
  }
  .et_pb_section.et_pb_with_background {
    padding: 40px 0 !important;
  }
  .et_pb_section.sop-limited-section {
    padding: 40px 30px !important;
  }
}
*/
/*
 * Slider things
 */
.et_pb_slide > .et_pb_container {
  min-height: 0 !important;
}
.et_pb_slide_image > img {
  width: 100% !important;
  height: auto !important;
  max-height: 100% !important;
}
@media all and (max-width:980px) {
  .sop-project-slider .et_pb_slide {
    background: #000 !important;
  }
  .sop-footer .bottom-nav,
  .sop-footer .et-social-icons {
    float: none;
    width: auto;
    display: block;
  }

  .et_pb_slider:hover .et-pb-arrow-prev,
  .et_mobile_device .et-pb-arrow-prev {
    left: 0;
    opacity: 1;
  }

  .et_pb_slider:hover .et-pb-arrow-next,
  .et_mobile_device .et-pb-arrow-next {
    right: 0;
    opacity: 1;
  }

  .et-pb-controllers {
    position: absolute;
    z-index: 10;
    bottom: 5%;
    left: 0;
    width: 100%;
    height: 14px;
    text-align: center;
  }

  .format-gallery .et-pb-controllers {
    height: auto;
  }

  .et_transparent_nav .et_pb_section:first-child .et-pb-controllers {
    bottom: 18px;
  }

  .et_pb_more_button {
    display: inline-block !important;
  }

  .et_pb_slide_image,
  .et_pb_slide_video,
  .et_pb_slide_with_image .et_pb_slide_description {
    width: 100%;
  }

  .et_pb_slide_image,
  .et_pb_slide_video {
    display: none;
  }

  .et_pb_slider_show_image .et_pb_slide_image,
  .et_pb_slider_show_image .et_pb_slide_video {
    display: block;
  }

  .et_pb_slide_description .et_pb_slide_title {
    font-size: 24px;
  }

  .et_pb_slide_content {
    font-size: 12px;
  }

  .et_pb_slide_image,
  .et_pb_slide_video {
    position: relative;
    margin: 50px auto 0;
    padding: 0;
  }

  .et_pb_slide_image img {
    max-height: initial;
  }

  .et_pb_section_first .et_pb_slide_image img {
    max-height: initial !important;
  }

  .et_pb_slide_description,
  .et_pb_slider_fullwidth_off .et_pb_slide_description,
  .et_pb_slide_with_image .et_pb_slide_description {
    text-align: center;
  }

  .sop-text-columns .et_pb_module {
    margin: 0 !important;
  }
}

/*
 * Below tablet
 */
@media all and (max-width:767px) {
  .sop-project-cta .et_pb_promo_description {
    padding: 0
  }
  .sop-project-cta .et_pb_promo_description > h2 {
    margin: 0 0 1em;
    padding: 0;
    font-size: 20px;
  }
  .sop-project-cta .et_pb_button {
    position: static;
    transform: none;
  }
  #et-info, #et-secondary-menu {
    text-align: left;
  }
  .et_pb_section_0.et_pb_with_background {
    padding: 20px 0 !important;
  }
  .sop-extend-image-on-mobile { overflow: hidden; }
  .sop-extend-image-on-mobile > img {
    margin: 0 -30%;
    max-width: initial;
    width: 160%;
  }
  .sop-inline-columns.et_pb_row {
    width: 100%;
  }
  .sop-inline-columns.fifths .et_pb_module {
    min-width: 100px;
    margin: 10px 0 !important;
  }
  .sop-image-title-label {
    padding: 0;
    font-size: 13px;
  }
}

.sop-project-title {
  margin: 0 0 -61px !important;
}
.sop-project-title h1 {
  margin-top: 40px;
  padding-left: 20px;
  font-size: 30px !important;
  color: #fff;
}
@media all and (max-width:767px) {
  .sop-project-title {
    margin: 0 !important;
  }
  .sop-project-title h1 {
    margin-bottom: 10px;
    padding: 0;
    color: #000;
  }
}

.sop-no-padding-top { padding-top: 0 !important; }
.sop-no-margin-top { margin-top: 0 !important; }
.sop-no-padding-bottom { padding-bottom: 0 !important; }
.sop-no-margin-bottom { margin-bottom: 0 !important; }

.sop-padding-top { padding-top: 40px !important; }
.sop-margin-top { margin-top: 40px !important; }
.sop-padding-bottom { padding-bottom: 40px !important; }
.sop-margin-bottom { margin-bottom: 40px !important; }
body .ui-datepicker .ui-widget-header .ui-icon { background-image: url("https://app-lon04.marketo.com/js/forms2/polyfills/datepicker/images/ui-icons_222222_256x240.png"); }
body .ui-datepicker .ui-state-hover .ui-icon { background-image: url("https://app-lon04.marketo.com/js/forms2/polyfills/datepicker/images/ui-icons_228ef1_256x240.png"); }

body .mktoForm .mktoOffset,
body .mktoForm .mktoClear,
body .mktoForm .mktoGutter {
  display: none !important;
}
body .mktoForm .mktoFieldWrap,
body .mktoForm .mktoFormCol,
body .mktoForm .mktoLabel,
body .mktoForm .mktoField,
body .mktoForm .mktoAsterix,
body .mktoForm .mktoCheckboxList,
body .mktoForm .mktoRadioList,
body .mktoForm .mktoLogicalField {
  float: none !important;
}
body .mktoForm,
body .mktoForm .mktoLabel,
body .mktoForm .mktoCheckboxList,
body .mktoForm .mktoCheckboxList > .mktoField,
body .mktoForm .mktoRadioList,
body .mktoForm .mktoRadioList > .mktoField,
body .mktoForm .mktoLogicalField  {
  width: auto !important;
}
body .mktoForm .mktoField {
  width: 100% !important;
}
body .mktoForm .mktoCheckboxList > .mktoField,
body .mktoForm .mktoRadioList > .mktoField,
body .mktoForm .mktoRangeField > .mktoField {
  height: auto !important
}
body .mktoForm .mktoFormCol,
body .mktoForm .mktoCheckboxList > label,
body .mktoForm .mktoRadioList > label {
  min-height: 0 !important;
}
body .mktoForm .mktoFormCol,
body .mktoForm .mktoCheckboxList > label,
body .mktoForm .mktoRadioList > label,
body .mktoForm .mktoButtonWrap {
  margin: 0 !important;
}
body .mktoForm .mktoLabel,
body .mktoForm .mktoAsterix,
body .mktoForm .mktoCheckboxList,
body .mktoForm .mktoCheckboxList > .mktoField,
body .mktoForm .mktoRadioList,
body .mktoForm .mktoRadioList > .mktoField,
body .mktoForm .mktoRangeField > .mktoField {
  padding: 0 !important;
}
body .mktoForm .mktoLabel,
body .mktoForm .mktoField,
body .mktoForm .mktoCheckboxList > label,
body .mktoForm .mktoRadioList > label {
  line-height: normal !important;
}

body .mktoForm {
  font-size: inherit !important;
  line-height: 1.5 !important;
}

body .mktoForm .mktoFormRow,
body .mktoForm .mktoButtonRow {
  padding: 0 1em;
}
body .mktoForm .mktoButtonRow {
  margin: 0;
}
body .mktoForm .mktoFormRow {
  margin: 0 0 1.5em;
}
.footer-widget .mktoForm .mktoFormRow,
.footer-widget .mktoForm .mktoButtonRow {
  margin-left: -1em;
  margin-right: -1em;
}
body .mktoForm .mktoLabel {
  display: block;
  margin: 0 0 .5em;
}
body .mktoForm .mktoField {
  height: 36px !important;
  padding: 5px !important;
  border: 0;
  border-radius: 0;
  color: #333;
  background: #fff;
}
body .mktoForm textarea.mktoField {
  min-height: 100px;
  resize: vertical;
}
body .mktoForm .mktoRequiredField .mktoLabel {
  position: relative;
  padding-left: 1em !important;
}
body .mktoForm .mktoAsterix {
  position: absolute;
  /*left: 0; top: 2px;*/
  left: -15px; top: 1px;
  font-size: 120%;
  line-height: 1;
  color: #0059AA;
}
body .mktoForm input.mktoRequired::-webkit-input-placeholder { font-weight: bold; }
body .mktoForm input.mktoRequired::-moz-placeholder { font-weight: bold; }

body .mktoForm .mktoCheckboxList,
body .mktoForm .mktoRadioList {
  margin-top: .5em;
  overflow: hidden;
}
body .mktoForm .mktoCheckboxList > .mktoField,
body .mktoForm .mktoRadioList > .mktoField {
  float: left !important;
  clear: left;
  margin-right: .3em;
}
body .mktoForm .mktoCheckboxList > label,
body .mktoForm .mktoRadioList > label {
  /*float: left;*/
  margin-bottom: .5em !important;
}
body .mktoForm .mktoRangeField > .mktoField {
  -webkit-appearance: none;
  height: 3px !important;
  background: #0059AA;
}
.mktoRangeField > .mktoField::-moz-range-track {
  height: 3px !important;
  border: 0;
  background: #0059AA;
}

body .mktoForm button.mktoButton {
  display: inline-block;
  padding: .75em 1.5em;
  border: 0;
  font-size: inherit;
  color: #fff;
  background: #0059AA;
}
body .mktoForm button.mktoButton:hover,
body .mktoForm button.mktoButton:focus {
  outline: 0;
  color: #0059AA;
  background: #D7EDFF;
}
body .mktoForm .mktoError {
  top: 100%; right: auto !important; bottom: auto !important; left: 0;
}
body .mktoForm .mktoError .mktoErrorMsg {
  max-width: 260px;
  margin: 0;
  padding: 10px 20px;
  border: 0;
  border-radius: 0;
  background: #CB2828;
  box-shadow: 0 1px 3px rgba(0,0,0,.2);
}
body .mktoForm .mktoError .mktoErrorArrowWrap { top: -7px; }
body .ui-datepicker.ui-widget-content {
  width: auto !important;
  padding: 5px;
  border: 0;
  background: #fff;
  box-shadow: 0 1px 3px rgba(0,0,0,.2);
  line-height: 1.5;
}
body .ui-datepicker .ui-datepicker-header {
  padding: 0 0 5px;
  border: 0;
  border-radius: 0;
  color: #333;
  background: transparent;
  border-bottom: 1px solid #0059AA;
}
body .ui-datepicker td { padding: 0; }
body .ui-datepicker th {
  padding: 5px 0;
  border-bottom: 1px solid #0059AA;
}
body .ui-datepicker td span,
body .ui-datepicker td a {
  padding: 5px 8px;
  text-align: left;
}
body .ui-datepicker .ui-state-default {
  border: 1px solid transparent;
  color: inherit;
  background: transparent;
}
body .ui-datepicker .ui-state-highlight {
  border: 1px solid #0059AA;
  color: #fff;
  background: #0059AA;
}
body .ui-datepicker .ui-state-hover {
  color: #0059AA;
  border: 1px solid #0059AA;
  background: transparent;
}

.et_pb_blurb_content { max-width: 100%; }