/* Root */
:root {
    --page-background:#fff;
    --primary-color:#162B52;
    --secondary-color:#97ACC4;
    --accent-color:#42a7ff;
    --accent-color-dark:#0f8fff;
    --text-color:#18171b;
    --link-color:#006dcb;
    --link-hover-color:#0088fe;
    --header-top-background:#f0f0f0;
    --header-bottom-background:#f9f9f9;
    --highlight-color:#ff3;
    --error-color:#d73a49;
    --success-color:#28a745;
    --versionadded-background-color:rgba(0,136,204,0.05);
    --versionadded-border-color:rgba(0,136,204,0.2);
    --deprecated-background-color:rgba(217,83,79,0.05);
    --deprecated-border-color:rgba(217,83,79,0.3);
    --deprecated-text-color:#d9534f;
    --alert-border:rgba(27,31,35,0.15);
    --alert-success-bg:#dcffe4;
    --alert-success-border:rgba(27,31,35,0.15);
    --alert-success-text:#165c26;
    --alert-info-bg:#dbedff;
    --alert-info-border:rgba(27,31,35,0.15);
    --alert-info-text:#032f62;
    --alert-warning-bg:#fffbdd;
    --alert-warning-border:rgba(27,31,35,0.15);
    --alert-warning-text:#735c0f;
    --alert-danger-bg:#ffdce0;
    --alert-danger-border:rgba(27,31,35,0.15);
    --alert-danger-text:#86181d;
    --form-input-background:#fff;
    --form-input-color:#444;
    --black:#000;
    --gray-darker:#444;
    --gray-dark:#63606b;
    --gray:#c0bec3;
    --gray-light:#d9d9d9;
    --gray-lighter:#f5f5f5;
    --gray-lightest:#fafafa;
    --white:#fff;
    --border-color-1:#ededed;
    --border-color-2:#ccc
}

/*	################################################################


################################################################# */
@import url(http://fonts.googleapis.com/css?family=Roboto:400,700,900);
@import url(http://fonts.googleapis.com/css?family=Raleway:400,700,900);

/*@font-face { font-family: Delicious; src: url('Delicious-Roman.otf'); }*/
/*@font-face { font-family: Delicious; font-weight: bold; src: url('Delicious-Bold.otf'); }*/

/*Fonts source: https://github.com/adampash/Lifehacker.me/tree/master/fonts */
@font-face {
    font-family: fontface_HelveticaNeue;
    src: url(../font/HelveticaNeue.ttf);
}
@font-face {
    font-family: fontface_HelveticaNeueCondensed;
    src: url(../font/HelveticaNeue-CondensedBold.ttf);
}

@font-face { font-family: 'helvetica neue'; src: local('Arial'); }
@font-face { font-family: 'helvetica neue'; font-weight:bold; src: local('Arial'); }

/* Typography CSS */
body {
    font-family:  Helvetica, fontface_HelveticaNeue;
    /*font-family: Farsan;*/
    font-weight: 300;
    font-size: 24px;
    color: #262626
}

@media (max-width: 480px) {
    body {
        font-size:19px;
        line-height: 1.8
    }
}

#wrap {
    /*width: 1280px;*/
    /*max-width: 100%;*/
    margin: 0 auto;
    background-color: #fff;
}

#wrap-content {
    /*width: 1200px;*/
    /*max-width: 90%;*/
    margin: 0 auto;
    /*padding-bottom: 40px;   !* Footer *!*/
}

h1,h2,h3,h4,h5,h6,
.theme-heading,
.widget-title,
.oceanwp-widget-recent-posts-title,
.comment-reply-title,
.entry-title,
.sidebar-box .widget-title {
    font-weight: 600;
    line-height: 2.5;
    letter-spacing: 2.5px
}

h1 {
    font-weight: 800;
    font-size: 48px;
    letter-spacing: .2px
}

h2 {
    font-weight: 800;
    font-size: 44px;
    color: #a30000;
    line-height: 1.3;
    letter-spacing: .1px
}

@media (max-width: 480px) {
    h2 {
        font-size:28px;
        line-height: 1.2;
        letter-spacing: .1px
    }
}

h3 {
    font-weight: 800;
    font-size: 32px;
    color: #a30000;
    line-height: 1.2;
    letter-spacing: .1px
}

@media (max-width: 480px) {
    h3 {
        font-size:24px;
        line-height: 1.4;
        letter-spacing: .1px
    }
}

h4 {
    font-weight: 800;
    font-size: 32px;
    line-height: 1.8;
    letter-spacing: .4px
}

@media (max-width: 480px) {
    h4 {
        font-size:17px;
        line-height: 1.4
    }
}


.headerlink {
    color: var(--gray-light);
    font-size: 80%;
    font-weight: 400;
    padding-left: 5px;
    text-decoration: none !important;
}


/* Multilanguage */
.over-menu-row .container {
    height: 36px;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-flex-align: center;
    -moz-align-items: center;
    align-items: center;
    -ms-flex-pack: center;
    -moz-justify-content: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    max-width: 1366px;
    margin: 0 auto
}

.over-menu-row .container .flags {
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-line-pack: end;
    align-content: flex-end;
    -ms-flex-align: center;
    -moz-align-items: center;
    align-items: center;
    -ms-flex-pack: end;
    -moz-justify-content: flex-end;
    justify-content: flex-end;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.over-menu-row .container .flags a.flag {
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-align: center;
    -moz-align-items: center;
    align-items: center;
    -ms-flex-pack: center;
    -moz-justify-content: center;
    justify-content: center;
    padding-right: 16px
}

.over-menu-row .container .flags a.flag.active span,.over-menu-row .container .flags a.flag:hover span {
    color: #3490d3
}

.over-menu-row .container .flags a.flag i {
    width: 20px;
    height: 20px;
    background: transparent no-repeat top left;
    background-size: 100% 100%
}

.over-menu-row .container .flags a.flag i.es {
    background-image: url(../img/flags/es.png)
}

.over-menu-row .container .flags a.flag i.en {
    background-image: url(../img/flags/en.png)
}

.over-menu-row .container .flags a.flag i.fr {
    background-image: url(../img/flags/fr.png)
}

.over-menu-row .container .flags a.flag span {
    padding-left: 2px;
    color: black;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: normal;
}