@import url(//fonts.googleapis.com/css?family=Raleway:400,300,500,600);
@import url(//fonts.googleapis.com/css?family=Libre+Baskerville:700);

/* --- FONTS --- 

font-family: 'Raleway', sans-serif;
font-family: 'Libre Baskerville', serif;

------------ */

/*--- COLOR GUIDE - FIND AND REPLACE THESE COLORS

Dominant: @color1  #9d5d09  orange
Secondary: @color2  #00796B  green

----------------------------------------------- */


body{
  font-size: 14px;
}

/* --------------------- BG IMAGE ---------------------- */

body{
  background: #00796B url('https://cdnsm5-hosted.civiclive.com/UserFiles/Servers/Server_16222865/Templates/Sorlie%201.png') no-repeat;
  background-size: cover;
}

/* ----------------------------------------------------- */

#header{
    background: #0066ff;
    text-align: center;
    padding: 1.5em;
    width: 250px;
    margin: 50px auto;
}

#header a{
    color: #fff!important;
    text-decoration: none;
}

#header img{
    width: 35%;
    height: 35%;
}

#header h1{
    margin: 0 !important;
    font-size: 25px!important;
    text-transform: uppercase;
}


#content-wrapper{
  background: #fff;
  margin: 0 auto;
  width: 80%;
  padding: 20px;
  min-height: 800px;
}


#footer{
    font-family: 'Raleway', sans-serif;
    background: #0052CC;
    color:white;
}

#footer p{
    margin: 0 0 5px;
}

#footer-info{
  font-size: 80%;
}



#footer-right{
    text-align: right;
}



#footer .inside-padding {
 max-width: 1200px;
 padding: 20px;
 box-sizing: border-box;
}

#footer-left {
 width: 75%;
 float: left;
}

#footer-right {
 width: 25%;
 float: left;
 text-align: right;
}

#footer h3 {
 margin: 0px 0px 10px;
 font-weight: normal;
 text-transform: uppercase;
 font-size: 1.2em;
 color: #ffffff;
}

ul#social {
 list-style: none;
 margin: 15px 0px 0px 0px;
 padding: 0px;
}

ul#social li.icn {
 display: inline-block;
 padding: 0px 3px 0px 3px;
}

ul#social li.icn a {
 width: 40px;
 height: 40px;
 display: inline-block;
}

ul#social li.icn.facebook a { background-position: 0px 0px; }
ul#social li.icn.twitter a { background-position: -40px 0px; }
ul#social li.icn.youtube a { background-position: -80px 0px; }
ul#social li.icn.email a { background-position: -120px 0px; }

ul#social li.icn a {
 background: url('https://cdnsm4-hosted.civiclive.com/common/resources/DesignPortfolio/SiteThemes/CommonLib/social-media/social-sprite.png');
}

.credits {
 text-align: center;
 color: #ffffff;
 padding: 5px;
}

.label_skin_corporation {
 font-size: 13px;
 font-family: 'latolight';
}

.label_skin_corporation a {
 color: #ffffff;
 text-decoration: none;
 font-family: 'latolight';
}

.label_skin_corporation a:hover {
 text-decoration: underline;
}

#social li.icn a:hover {
 opacity: 0.8;
}

/**/

h1 {
 font-family: 'Libre Baskerville', serif!important;
 font-weight: 700!important;
}

h3 {
 color: #9d5d09; 
 display: inline-block;
 font-family: 'Libre Baskerville', serif!important;
 font-weight: 700!important;
}

h4 {
 font-family: 'Raleway', sans-serif!important;
 font-weight: 400!important;
}

/**/


@font-face {
     font-family: 'latobold';
    src: url('https://cdnsm1-cltemplatefonts.civiclive.com/common/template-fonts/lato-bol-webfont.eot');
    src: url('https://cdnsm1-cltemplatefonts.civiclive.com/common/template-fonts/lato-bol-webfont.eot?#iefix') format('embedded-opentype'),
         url('https://cdnsm1-cltemplatefonts.civiclive.com/common/template-fonts/lato-bol-webfont.woff') format('woff'),
         url('https://cdnsm1-cltemplatefonts.civiclive.com/common/template-fonts/lato-bol-webfont.ttf') format('truetype'),
         url('https://cdnsm1-cltemplatefonts.civiclive.com/common/template-fonts/lato-bol-webfont.svg#latobold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'latoregular';
    src: url('https://cdnsm1-cltemplatefonts.civiclive.com/common/template-fonts/lato-reg-webfont.eot');
    src: url('https://cdnsm1-cltemplatefonts.civiclive.com/common/template-fonts/lato-reg-webfont.eot?#iefix') format('embedded-opentype'),
         url('https://cdnsm1-cltemplatefonts.civiclive.com/common/template-fonts/lato-reg-webfont.woff') format('woff'),
         url('https://cdnsm1-cltemplatefonts.civiclive.com/common/template-fonts/lato-reg-webfont.ttf') format('truetype'),
         url('https://cdnsm1-cltemplatefonts.civiclive.com/common/template-fonts/lato-reg-webfont.svg#latoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
     font-family: 'latolight';
    src: url('https://cdnsm1-cltemplatefonts.civiclive.com/common/template-fonts/lato-lig-webfont.eot');
    src: url('https://cdnsm1-cltemplatefonts.civiclive.com/common/template-fonts/lato-lig-webfont.eot?#iefix') format('embedded-opentype'),
         url('https://cdnsm1-cltemplatefonts.civiclive.com/common/template-fonts/lato-lig-webfont.woff') format('woff'),
         url('https://cdnsm1-cltemplatefonts.civiclive.com/common/template-fonts/lato-lig-webfont.ttf') format('truetype'),
         url('https://cdnsm1-cltemplatefonts.civiclive.com/common/template-fonts/lato-lig-webfont.svg#latolight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'latoblack';
    src: url('https://cdnsm1-cltemplatefonts.civiclive.com/common/template-fonts/lato-bla-webfont.eot');
    src: url('https://cdnsm1-cltemplatefonts.civiclive.com/common/template-fonts/lato-bla-webfont.eot?#iefix') format('embedded-opentype'),
         url('https://cdnsm1-cltemplatefonts.civiclive.com/common/template-fonts/lato-bla-webfont.woff') format('woff'),
         url('https://cdnsm1-cltemplatefonts.civiclive.com/common/template-fonts/lato-bla-webfont.ttf') format('truetype'),
         url('https://cdnsm1-cltemplatefonts.civiclive.com/common/template-fonts/lato-bla-webfont.svg#latoblack') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*---------------------------------------------------------------*/

.label_skin_corporation a:hover {
    text-decoration: none;
    color: #fff;
}