@import url(https://fonts.googleapis.com/css?family=Cabin:400,700,400italic,700italic|PT+Serif:400,700,400italic,700italic);

/************************************************/
/*************** GENERAL SETTINGS ***************/
/************************************************/

body {
    background-color: #fff;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: 100% auto;
    font: 400 16px/1.5 'PT Serif', serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: auto;
}



/*** HEADINGS ***/
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Cabin', sans-serif;
    font-weight: 700;
}

h1,
h2 {
    font-size: 1.875em;
    line-height: 1.25;
}

h2:not(.singleTitle),
h3,
h4,
h5,
h6 {
    margin: 1em 0 .2em 0;
}

h3 {
    color: #575294;
    font-size: 1.375em;
    margin-bottom: 0.25em;
}

h4 {
    font-family: 'PT Serif', serif;
    font-size: 1.125em;
}

h5,
h6 {
    font-size: 0.938em;
}

h5 {
    color: #00274c;
    text-transform: uppercase;
}



/*** LINKS ***/
a {
    transition: all 0.2s ease; 
}

#content-main a {
    color: #024794;
    text-decoration: underline;
}

#content-main a:hover {
    color: #666;
    text-decoration: none;
}



/*** LISTS ***/
ul {
    list-style: none;
    margin: 0;
}

#content ul:not(#post-contacts):not(.post-categories):not(#posts):not(.page-numbers):not(.expertos-contact):not(.infographics),
ol {
    margin-bottom: 1.5rem;
    margin-left: 1.25rem;
}

#content ul:not(#post-contacts):not(.post-categories):not(#posts):not(.page-numbers):not(.expertos-contact):not(.infographics) {
    padding-left: 4rem;
}


#content ul:not(#post-contacts):not(.post-categories):not(#posts):not(.page-numbers):not(.expertos-contact):not(.infographics) ul {
    margin-top: .5em;
    padding-left: 1em;
}

#content ul:not(#post-contacts):not(.post-categories):not(#posts):not(.page-numbers):not(.expertos-contact):not(.infographics) li,
ol li {
    margin-bottom: .5em;
}

#content li > ul,
li > ol {
    font-size: 1em;
    margin-bottom: 0;
}

#content ul:not(#post-contacts):not(.post-categories):not(#posts):not(.page-numbers):not(.expertos-contact):not(.infographics) > li:before,
ol > li:before {
    color: #cc6600;
    display: inline-block;
    position: relative;
    right: 1.5rem;
}

/* UNDORDERED LIST */

#content ul:not(#post-contacts):not(.post-categories):not(#posts):not(.page-numbers):not(.expertos-contact):not(.infographics) > li:before,
#content ul:not(#post-contacts):not(.post-categories):not(#posts):not(.page-numbers):not(.expertos-contact):not(.infographics) > li > ul > li > ul > li > ul > li > ul > li:before {
    content: '\f111';
}

#content ul:not(#post-contacts):not(.post-categories):not(#posts):not(.page-numbers):not(.expertos-contact):not(.infographics) > li:before {
    bottom: 1px;
    font: 400 0.778em/1 'FontAwesome';
    margin-left: -0.875em;
}

#content ul:not(#post-contacts):not(.post-categories):not(#posts):not(.page-numbers):not(.expertos-contact):not(.infographics) > li > ul > li:before,
#content ul:not(#post-contacts):not(.post-categories):not(#posts):not(.page-numbers):not(.expertos-contact):not(.infographics) > li > ul > li > ul > li > ul > li > ul > li > ul > li:before {
    content: '\f1db';
}

#content ul:not(#post-contacts):not(.post-categories):not(#posts):not(.page-numbers):not(.expertos-contact):not(.infographics) > li > ul > li > ul > li:before,
#content ul:not(#post-contacts):not(.post-categories):not(#posts):not(.page-numbers):not(.expertos-contact):not(.infographics) > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li:before {
    content: '\f0c8';
}

#content ul:not(#post-contacts):not(.post-categories):not(#posts):not(.page-numbers):not(.expertos-contact):not(.infographics) > li > ul > li > ul > li > ul > li:before,
#content ul:not(#post-contacts):not(.post-categories):not(#posts):not(.page-numbers):not(.expertos-contact):not(.infographics) > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li:before {
    content: '\f096';
}

#content ul:not(#post-contacts):not(.post-categories):not(#posts):not(.page-numbers):not(.expertos-contact):not(.infographics) > li > ul > li > ul > li > ul > li > ul > li:before,
#content ul:not(#post-contacts):not(.post-categories):not(#posts):not(.page-numbers):not(.expertos-contact):not(.infographics) > li > ul > li > ul > li > ul > li > ul > li > ul > li:before,
#content ul:not(#post-contacts):not(.post-categories):not(#posts):not(.page-numbers):not(.expertos-contact):not(.infographics) > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li:before,
#content ul:not(#post-contacts):not(.post-categories):not(#posts):not(.page-numbers):not(.expertos-contact):not(.infographics) > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li:before {
    bottom: 2px;
    font-size: .5em;
}

/* ORDERED LIST */

ol {
    padding-left: 3rem;
}

/*ol {
    counter-reset: item;
}

ol > li {
    display: block;
}

ol > li:before {
    content: counters(item, ".") " )";
    counter-increment: item;
    font: 400 1.125em/1.25 'Roboto Condensed', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    margin-left: -1em;
}

ol > li > ol > li:before {
    margin-left: -1.68em;
}

ol > li > ol > li > ol > li:before {
    margin-left: -2.47em;
}

ol > li > ol > li > ol > li > ol > li:before {
    margin-left: -3.17em;
}*/



/*** CONTENT ***/
p,
blockquote {
    margin-bottom: 1.5rem;
}

blockquote {
    border: 1px solid #ccc;
    border-width: 1px 0;
    padding: 1.5em 2.5em;
}

blockquote * {
    color: #575294!important;
}

blockquote > *:last-child {
    margin-bottom: 0;
}

blockquote p,
blockquote ul,
blockquote ol {
    font-size: 1.25em;
}

small {
    color: inherit!important;
    font-size: 85%!important;
    line-height: inherit!important;
}

hr {
    background-image: linear-gradient(to right, #ababab 30%, rgba(255, 255, 255, 0) 0%);
    background-position: bottom;
    background-repeat: repeat-x;
    background-size: 6px 2px;
    border: 0;
    float: left;
    height: 2px;
    margin: 2em 0;
    width: 100%;
}



#wrapper {
    min-height: 100%;
    padding-bottom: 280px;
    position: relative;
}



/*** IMAGES ***/
.alignright,
.alignleft,
.aligncenter,
.alignnone {
    max-width: 100%;
    margin-bottom: 1.5rem;
}

.alignright, 
.alignleft {
    margin-top: 0.5rem;
}

.aligncenter {
    display: block;
    margin: 0 auto 1.5rem auto;
}

.alignright {
    clear: right;
    float: right;
    margin-left: 1.5rem;
}

.alignleft {
    float: left;
    margin-right: 1.5rem;
}

body:not(.longform-story) img[class^='align'], 
body:not(.longform-story) img[class*=' align'],
body:not(.longform-story) .wp-caption img {
    border: 1px solid #ccc;
}

.wp-caption {
    border-bottom: 1px solid #ccc;
    max-width: 100%;
}

.wp-caption .wp-caption-text {
    color: #555;
    font: 700 0.75em/1.5 'Cabin', sans-serif!important;
    margin: 0.75rem 0;
}

.wp-caption img + .wp-caption-text {
    margin-top: 0.75rem;
}

#content .gallery ul > li:before {
    content: ''!important;
    display: none!important;
}

/* seems to bork the gallery in a weird way - stubbe 12/21/2017
#content #posts .postWrapper .post .gallery ul {
    display: flex;
    flex-wrap: wrap;
    margin-left: -0.3em!important;
    margin-right: -0.3em!important;
}
*/

#content #posts .postWrapper .post .gallery ul li {
    margin: 0!important;
    xmax-width: 25%;
    padding: 0.3em;
    position: relative;
}

#content #posts .postWrapper .post .gallery ul li a:after {
    border: 1px solid #fff;
    bottom: 0.625rem;
    color: #fff;
    content: '\f065';
    font-family: 'FontAwesome', sans-serif;
    height: 20px;
    line-height: 1;
    position: absolute;
    right: 0.625rem;
    text-align: center;
    width: 20px;
}



/*** ACCORDION ***/
.accordion-container {
    margin: 0 auto 1.5rem auto;
    width: 100%;
}

.accordion-container + .accordion-container {
    margin-top: -1rem; 
}

.accordion-container > input {
    display: none;
}

.accordion-container > label.accordion-title {
    border: 1px solid #ccc;
    cursor: pointer;
    display: block;
    margin: 0;
    padding: 0.5rem 0.5rem 0.5rem 3rem;
    position: relative;
    transition: all 0.2s ease;
    width: 100%;
    z-index: 20;
}

.accordion-container > label.accordion-title > * {
    margin: 0;
}

.accordion-container > label.accordion-title:hover {
    background: #f0f0f0;
}

.accordion-container > label.accordion-title:before {
    color: #00274c;
    content: '+';
    display: inline-block;
    font: 700 1.5em/0.75 'Cabin', sans-serif;
    left: 0.75rem;
    position: absolute;
    text-align: center;
    top: 0.5rem;
    width: 1.375rem;
}

.accordion-container > input:checked + label.accordion-title:before {
    border-color: #fff;
    content: '\2014';
}

.accordion-container .accordion-content {
    max-height: 0px;
    overflow: hidden;
    padding: 0 2.5rem;
    position: relative;
    transition: max-height 0.3s ease-in-out;
    z-index: 10;
}

.accordion-container > input:checked ~ .accordion-content {
    max-height: 999px; /* AUTO - Set height more than what content should be */
    overflow-y: auto;
    transition: max-height 0.5s ease-in-out;
    background-color: #fff;
}

.accordion-container .accordion-content > *:first-child {
    margin-top: 1rem;
}



/*** VIDEO ***/
#content-main #content p.video {
    float: left;
    height: 0;
    margin-bottom: 60px;
    padding-bottom: 56.2%;
    position: relative;
    width: 100%;
}

#content-main #content p.video iframe {
    left: 0;
    height: 100%;
    max-width: inherit;
    position: absolute;
    top: 0;
    width: 100%;
}

.no-js #content-main #content iframe, 
#content-main #content iframe {
    float: none;
    display: block;
    margin: 0 auto;
    max-width: 500px;
    width: 100%;
}





/************************************************/
/******************** HEADER ********************/
/************************************************/

body:not(.home) #section-header,
body.home #widget-content-prefix1 .featured-image {
    border-bottom: 13px solid #024794;
}

#zone-header-branding {
    padding: 1.4rem 0;
}

body.home #section-header {
    background-color: #fff;
}

/*** LOGO ***/
#zone-header-branding .logo-title .logo {
    line-height: 0;
    margin: 0 0 0.25em 0;
}

#zone-header-branding .logo-title .logo a {
    display: block;
}

#zone-header-branding .logo-title .logo a img {
    max-height: 47px;
    max-width: 250px;
}



/*** SEARCH FORM ***/
#widget-header-second .widget_search {
    float: right;
    margin-top: 0.75rem;
}

form.search-form {
    float: left;
    height: 32px;
    max-width: 190px;
    transition: all 0.2s ease;
    width: 100%;
}

form.search-form label {
    float: left;
    margin-bottom: -30px;
    width: 100%;
}

form.search-form input,
form.search-form button {
    margin: 0;
}

form.search-form input {
    box-shadow: none;
    float: left;
    height: 30px;
    padding: 5px 40px 5px 10px;
    width: 100%;
}

form.search-form input {
    background: #f0f0f0;
    border: 1px solid #959595;
    text-transform: uppercase;
}

form.search-form input::-webkit-input-placeholder {
    color: #000;
}
form.search-form input::-moz-placeholder {
    color: #000;
}
form.search-form input:-ms-input-placeholder {
    color: #000;
}
form.search-form input:-moz-placeholder {
    color: #000;
}

form.search-form input::-ms-clear {
    display: none;
}

#section-header #widget-header-second .widget_search form.search-form input:focus {
    border-color: #333;
}

form.search-form button {
    background-color: transparent;
    color: #024794;
    float: right;
    height: 28px;
    margin-right: 1px;
    margin-top: 1px;
    padding: 0;
    text-align: center;
    width: 30px;
}

form.search-form button:hover {
    background-color: #333;
    color: #fff;
}





/************************************************/
/****************** NAVIGATION ******************/
/************************************************/

#zone-header-menu {
    border: 1px solid #ababab;
    border-left: 0;
    border-right: 0;
}

#zone-header-menu .fskelMenu ul {
    font-family: 'Cabin', sans-serif;
    font-weight: 700;
    letter-spacing: 0.075em;
    margin: 0;
}

#zone-header-menu .fskelMenu ul li {
    padding: 0;
}

#zone-header-menu .fskelMenu ul li a,
#zone-header-menu .fskelMenu ul li.menu-item-home a {
    padding-bottom: 0.75em;
    padding-top: 0.75em;
}

#zone-header-menu .fskelMenu ul li a {
    color: #000;
    display: block;
}

#zone-header-menu .fskelMenu ul li.menu-item-home a,
#zone-header-menu .fskelMenu ul li a span {
    padding-left: 1.35em;
    padding-right: 1.35em;
}

#zone-header-menu .fskelMenu ul li.menu-item-home a:before {
    line-height: 0;
}

#zone-header-menu .fskelMenu ul li a:hover, 
body:not(.home) #zone-header-menu .fskelMenu ul li.current_page_item:not(.menu-item-home) a, 
body.home #zone-header-menu .fskelMenu ul li.menu-item-home a, 
#zone-header-menu .fskelMenu ul li.current-page-ancestor a {
    background: #ffcb05;
}

body:not(.home) #zone-header-menu .fskelMenu ul li.current-menu-item:not(.menu-item-home) a,
body.home #zone-header-menu .fskelMenu ul li.menu-item-home a {
    cursor: default;
    pointer-events: none;
}

#zone-header-menu .fskelMenu ul li a:hover {
    background: #b1cce8;
}

#zone-header-menu .fskelMenu ul li a span {
    border: 1px solid #000;
    border-width: 0 0 0 1px;
    display: block;
    line-height: 1;
}

#zone-header-menu .fskelMenu ul li.current-menu-item span,
#zone-header-menu .fskelMenu ul li.current-page-ancestor span,
#zone-header-menu .fskelMenu ul li:hover + li span,
body:not(.home) #zone-header-menu .fskelMenu ul li.current-menu-item:not(.menu-item-home) + li span,
body.home #zone-header-menu .fskelMenu ul li.menu-item-home + li span,
#zone-header-menu .fskelMenu ul li a:hover span,
#zone-header-menu .fskelMenu ul li:first-of-type span {
    border-color: transparent;
}



/*** RESPONSIVE ***/
#zone-header-menu .fskelMenu.responsive .hamburger-header h3 {
    margin: 0.25em 0;
}

#zone-header-menu .fskelMenu.responsive ul li:not(.menu-item-home) a {
    padding: 0;
}

#zone-header-menu .fskelMenu.responsive ul li a span {
    border-width: 1px 0 0 0;
    padding-bottom: 0.75em;
    padding-top: 0.75em;
}





/************************************************/
/********************* PAGE *********************/
/************************************************/

/*** PAGE TITLE ***/
body:not(.home) #zone-content-prefix,
body:not(.home) #zone-content {
    margin-bottom: 3em;
}

#widget-content-prefix1 .postTitle {
    background-image: linear-gradient(to right, #024794 30%, rgba(255, 255, 255, 0) 0%);
    background-position: bottom;
    background-repeat: repeat-x;
    background-size: 6px 2px;
    color: #555;
    font-size: 2.25em;
    font-weight: 700;
    line-height: 1;
    margin: 0;
    padding: 0.65em;
    text-transform: uppercase;
    text-align: center;
}

body.page #content-main .featured-image {
    margin-bottom: 1em;
}

#content-main h3.postTitle {
    margin-top: 0;
}



/*** SIDEBAR ***/
#widget-content-first > div {
    border: 1px solid #ccc;
    border-width: 1px 0;
    margin-bottom: 3em;
}

#widget-content-first ul li a {
    color: #555;
    display: block;
    font-weight: 700;
    padding: 0.675em 0.25em;
}

#widget-content-first ul li a:hover {
    background: #eee;
}

/* CATEGORIES */
body:not(.blog):not(.single):not(.archive):not(.parent-pageid-22) .widget_categories,
#widget-content-first .widget_categories .widget-title {
    display: none;
}

#widget-content-first .widget_categories ul {
    max-width: 150px;
}

#widget-content-first .widget_categories ul li:not(:first-of-type) {
    background-image: linear-gradient(to right, #ffcb05 30%, rgba(255, 255, 255, 0) 0%);
    background-position: top left;
    background-repeat: repeat-x;
    background-size: 6px 2px;
    padding-top: 2px;
}

#widget-content-first .widget_categories ul li a {
    color: #024794;
    font-size: 0.813em;
}

body.category #widget-content-first .widget_categories ul li.current-cat a {
    background: #ffcb05;
    cursor: default;
    pointer-events: none;
}

/* PAGES */
.widget_bu_pages ul li a {
    font-family: 'Cabin', sans-serif;
}
.widget_bu_pages ul li:not(:first-of-type) > a {
    border-top: 1px solid #ccc;
}

.widget_bu_pages ul li.current_page_item > a {
    background: #ffcb05;
    cursor: default;
    pointer-events: none;
}





/************************************************/
/********************* POST *********************/
/************************************************/

/*** BLOG ***/
ol#posts {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0;
    padding: 0;
}

ol#posts > li {
    border-top: 1px solid #ffcb05;
    /*flex-grow: 1;*/
    padding: 3em 0 0.5em 0;
    width: 33%;
}

body.blog:not(.paged) ol#posts > li:first-of-type {
    border-top: 0;
    margin-bottom: 3em;
    padding: 0;
    width: 100%;
}

ol#posts > li > a {
    display: block;
    height: 100%;
    margin: 0 0.5em;
    text-decoration: none;
}

body.blog:not(.paged) ol#posts > li:first-of-type > a {
    background: #fdeeb3;
    float: left;
    margin: 0;
    padding: 2.5em 2em;
    width: 100%;
}

ol#posts > li > a:hover {
    background: #eee;
}

ol#posts > li:not(:first-of-type) .post-categories li,
body:not(.blog) ol#posts > li .post-categories li,
body.paged ol#posts > li .post-categories li
/*ol#posts > li .post-categories li,
body.blog:not(.paged) ol#posts > li:not(:first-of-type) .post-categories li*/ {
    margin: 0 0 0.25em 0;
    width: 100%;
}

ol#posts > li .post-categories li * {
    font-size: 0.875rem;
}

ol#posts > li:not(:first-of-type) .post-categories li *,
body:not(.blog) ol#posts > li .post-categories li *,
body.paged ol#posts > li .post-categories li * {
    border-top: 0;
    padding: 0;
}

ol#posts > li > a > div {
    float: left;
    transition: all 0.2s ease;
    width: 100%;
}

ol#posts > li > a:hover .featured-image {
    opacity: 0.5;
}

body.blog:not(.paged) ol#posts > li:first-of-type > a > .featured-image {
    width: 63%;
}

body.blog:not(.paged) ol#posts > li:first-of-type > a > .featured-image.no-image {
    display: none;
}

ol#posts > li > a .featured-image .image-container {
    margin-bottom: 1em;
}

body.blog:not(.paged) ol#posts > li:first-of-type > a > .post-details {
    float: right;
    width: 32%;
}

body.blog:not(.paged) ol#posts > li:first-of-type > a > .featured-image.no-image + .post-details {
    width: 100%;
}

ol#posts > li > a > .post-details h2 {
    color: #024794;
    font-size: 1.375rem;
}

body.blog:not(.paged) ol#posts > li:first-of-type > a > .post-details h2 {
    font-size: 1.5rem;
    line-height: 1.5;
}

ol#posts > li > a:hover > .post-details h2 {
    color: #1d66b7;
}

/* PAGE NUMBERS */
ul.page-numbers {
    border-top: 1px solid #ffcb05;
    float: right;
    font-family: 'Cabin', sans-serif;
    font-weight: 700;
    padding-top: 0.75em;
    text-align: right;
    width: 100%;
}

ul.page-numbers li {
    display: inline-block;
    margin: 0.125em 0;
}

ul.page-numbers li > * {
    color: #000!important;
    padding: 0.125em 0.5em;
    text-decoration: none!important;
}

ul.page-numbers li .current {
    background: #024794;
    color: #fff!important;
}

ul.page-numbers li > a:hover {
    background: #c5dbf4;
}

/*** SINGLE - TOP ***/
#widget-content-top {
    font-family: 'Cabin', sans-serif;
    font-weight: 700;
}

#widget-content-top a {
    color: #666;
    text-decoration: none;
}

/* CATEGORIES */
.post-categories,
.post-categories li {
    float: left;
}

.post-categories {
    margin: 0;
    width: 100%;
}

.post-categories li {
    margin: 0 1em 1em 0;
}

.post-categories li > * {
    border-top: 8px solid #cc6600;
    color: #666;
    display: block;
    font-family: 'Cabin', sans-serif;
    font-weight: 700;
    padding-top: 0.25em;
}

#widget-content-top .post-categories li a:hover {
    color: #024794;
}

/* SOCIAL */
.addtoany_shortcode {
    margin-bottom: 1em;
}

.addtoany_list {
    border: 1px solid #ccc;
    border-width: 1px 0;
    display: inline-block!important;
}

.addtoany_shortcode .addtoany_list > a {
    color: #5272af!important;
    font-family: 'FontAwesome';
    font-size: 1.250em!important;
    font-weight: 400;
    margin-right: 0.5em;
    padding: 0;
}

@-moz-document url-prefix() {
    .addtoany_shortcode .addtoany_list > a {
        padding: 0.45em 0;
    }
}

.addtoany_shortcode .addtoany_list > a:hover:before {
    color: #666!important;
    transition: all 0.2s ease; 
}

.addtoany_shortcode .addtoany_list > .a2a_button_facebook:before {
    content: '\f082';
}

.addtoany_shortcode .addtoany_list > .a2a_button_twitter:before {
    content: '\f081';
}

.addtoany_shortcode .addtoany_list > .a2a_button_tumblr:before {
    content: '\f174';
}

.addtoany_shortcode .addtoany_list > .a2a_button_email:before {
    content: '\f0e0';
}

.addtoany_shortcode .addtoany_list > .a2a_dd:before {
    content: '\f055';
}

.addtoany_shortcode .addtoany_list > a > .a2a_svg {
    display: none;
}

/* FEATURED IMAGE */
#widget-content-top .featured-image {
    margin-bottom: 1em;
}

.featured-image,
.featured-image .image-container {
    position: relative;
    width: 100%;
}

.featured-image .image-container {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border: 1px solid #ccc;
    overflow-y: hidden;
    padding-bottom: 55%;
    text-align: center;
}

.featured-image .image-container img {
    /*border: 1px solid #ccc;*/
    left: 50%;
    max-height: 100%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: auto;
}

.featured-image .image-caption {
    bottom: 0;
    position: absolute;
    right: 0;
    width: 100%;
}

.featured-image .image-caption .accordion-container {
    text-align: left;
    margin-bottom: 0;
}

.featured-image .image-caption .accordion-container * {
    color: #fff;
    font-family: 'Cabin', sans-serif;
    font-weight: 400;
}

.featured-image .image-caption .accordion-container > label.accordion-title {
    border: 0;
    float: left;
    padding: 0;
}

.featured-image .image-caption .accordion-container > label.accordion-title:before {
    content: '';
}

.featured-image .image-caption .accordion-container > input:checked + label.accordion-title:before {
    content: '';
}

.featured-image .image-caption .accordion-container > label.accordion-title:hover {
    background: transparent;
}

.featured-image .image-caption .accordion-container > label.accordion-title span {
    background: #222;
    float: right;
    padding: 0.5em 3.75em 0.5em 1em;
    text-transform: uppercase;
    transition: all 0.2s ease; 
}

.featured-image .image-caption .accordion-container > label.accordion-title span:after {
    color: #fff;
    content: '+';
    display: inline-block;
    font: 400 2em/0.75 'Cabin', sans-serif;
    right: 0.3em;
    position: absolute;
    text-align: center;
    top: 0.2em;
    width: 1.375em;
}

.featured-image .image-caption .accordion-container > input:checked + label.accordion-title span:after {
    border-color: #fff;
    content: '\2014';
}

.featured-image .image-caption .accordion-container > label.accordion-title span:hover {
    background: #333;
}

.featured-image .image-caption .accordion-container .accordion-content {
    background: rgba(34,34,34,0.8);
    padding: 0 1.25em;
}

.featured-image .image-caption .accordion-container > input:checked ~ .accordion-content {
    max-height: 999px; /* AUTO - Set height more than what content should be */
}

.featured-image .image-caption .accordion-container .accordion-content p {
    font-size: 0.813em;
    margin: 1em 0;
}

/* LANGUAGES */
#post-languages,
#post-languages li {
    float: left;
}

#post-languages {
    font-size: 0.875em;
    width: 100%;
}

#post-languages li {
    margin: 0 0.5em 0.5em 0;
}

#post-languages li a {
    border: 1px solid #ccc;
    display: block;
    padding: 0.5em;
}

#post-languages li a:hover {
    background: #e5e5e5;
}

/*** SINGLE - CONTENT ***/
body.single #content-main {
    float: left;
    max-width: 66.66667%;
}

body.single .aligncenter {
    /*left: -13%;*/
    max-width: inherit;
    position: relative;
    /*width: 126%!important;*/
    width: 113%!important;
}

body.single .aligncenter img {
    width: 100%;
}

/* RELATED POSTS */
#posts-related {
    background: #fdeeb3;
    clear: left;
    float: left;
    margin-left: -39%;
    margin: 0 1.5rem 1.5rem -39%;
    /*min-width: 220px;*/
    position: relative;
    width: 34.5%;
    z-index: 1;
}

#posts-related h3 {
    background: #cc6600;
    color: #000;
    margin: 0;
    padding: 0.25em 0.75em;
    text-align: center;
}

ol#similar-posts {
    list-style: none;
    margin: 0;
    padding: 0;
}

ol#similar-posts li {
    border-top: 1px solid #fff;
    float: left;
    width: 100%;
}

ol#similar-posts li:first-of-type {
    border-top: 0;
}

ol#similar-posts li a {
    display: block;
    padding: 1em;
    padding-bottom: 0;
    text-decoration: none;
}

ol#similar-posts li a img {
    float: right;
    margin: 0 0 0.5em 0.5em;
    max-width: 50%;
}

ol#similar-posts li a h4 {
    color: #024794;
    font-family: 'Cabin', sans-serif;
    font-size:  0.813rem;
    margin-top: 0;
}

ol#similar-posts li a:hover h4 {
    color: #666;
    text-decoration: underline;
}

/*** SINGLE - CONTACTS ***/
#post-contacts {
    margin: 0 -2.5rem;
    padding: 0;
}

#post-contacts li {
    float: left;
    padding: 0 2.5rem;
    width: 33.33%;
}

#post-contacts h6 {
    background-image: linear-gradient(to right, #ababab 30%, rgba(255, 255, 255, 0) 0%), linear-gradient(to right, #ababab 30%, rgba(255, 255, 255, 0) 0%);
    background-position: top left, bottom left;
    background-repeat: repeat-x, repeat-x;
    background-size: 6px 2px;
    font-size: 0.813em;
    margin-bottom: 1.5rem;
    padding: 1em 0;
}

/*** SINGLE - TAGS ***/
#post-tags {
    clear: both;
    font-family: 'Cabin', sans-serif;
    font-weight: 700;
}

#post-tags h5 {
    margin-bottom: 0.25em;
}

#post-tags a {
    color: #555;
}

/*** SINGLE - MÁS NOTICIAS ***/
#section-after {
    background: #fdeeb3;
    border-top: 1px solid #ababab;
    padding: 2em 0;
}

#section-after .postTitle {
    margin-top: 0;
}

ol#more-posts {
    list-style: none;
    margin: 0 -0.9375em;
    padding: 0;
}

ol#more-posts li {
    float: left;
    padding: 0 0.9375em;
    width: 25%;
}

ol#more-posts li a .featured-image .image-container {
    margin-bottom: 1em;
}

ol#more-posts li a .post-details h3 {
    color: #024794;
    font-size: 1.125rem;
    transition: all 0.2s ease;
}

ol#more-posts li a:hover .post-details h3 {
    color: #666;
    text-decoration: underline;
}



/*** LONG FORM STORY ***/
/* FEATURED IMAGE */
body.longform-story #zone-content-prefix {
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

body.longform-story #widget-content-prefix1 .featured-image {
    padding-top: 2em;
}

body.longform-story #widget-content-prefix1 .featured-image .image-title {
    animation: fadeIn 1s ease-in-out 1.5s forwards;
    background: rgba(51, 51, 51, 0.8);
    margin: 0 auto 2em auto;
    max-width: 833px;
    opacity: 0;
    text-align: center;
    width: 100%;
}

body.longform-story #widget-content-prefix1 .featured-image .image-title .post-categories {
    animation: fadeIn 1s ease-in-out 3s forwards;
    opacity: 0;
    text-align: center;
}

body.longform-story #widget-content-prefix1 .featured-image .image-title .post-categories li {
    display: inline-block;
    float: none;
}

body.longform-story #widget-content-prefix1 .featured-image .image-title .post-categories li > * {
    color: #fff;
}

body.longform-story #widget-content-prefix1 .featured-image .image-title .singleTitle {
    animation: fadeIn 1s ease-in-out 1.5s forwards;
    /*animation: fadeIn 1s ease-in-out 1.5s forwards, letterSpacing 2s ease-in-out 1.5s forwards;*/
    color: #ffcb05;
    font: 700 2.25em/1.125 'Cabin', sans-serif;
    letter-spacing: 0;
    margin: 0;
    opacity: 0;
    padding: 1em 1.5em;
}

body.longform-story .widget_bu_pages {
    display: none;
}

/* BLOCKQUOTE */
body.longform-story blockquote,
body.longform-story .alignleft {
    clear: left;
    float: left;
    margin-left: -39%;
    margin: 0 1.75rem 1.5rem -39%;
    /*min-width: 220px;*/
    padding-left: 0;
    padding-right: 0;
    position: relative;
    width: 34.5%!important;
    z-index: 1;
}

body.longform-story .alignright {
    clear: right;
    float: right;
    margin: 0 -13% 1.5rem 1.8rem;
    min-width: 220px;
    padding-left: 0;
    padding-right: 0;
    width: 56.5%!important;
}

/* DISCLAIMER */
body.longform-story .disclaimer {
    background-image: linear-gradient(to right, #ababab 30%, rgba(255, 255, 255, 0) 0%);
    background-position: top;
    background-repeat: repeat-x;
    background-size: 6px 2px;
    border: 0;
    float: left;
    margin: 0 0 2em 0;
    width: 100%;
}

body.longform-story .disclaimer p {
    font-size: 85%;
    font-style: italic;
}

/* LARGE IMAGE */
.longform-featured-image {
    margin-bottom: 2em;
}

/* ACTIVE */
body.longform-story #content .post > h1,
body.longform-story #content .post > h2,
body.longform-story #content .post > h3,
body.longform-story #content .post > h4,
body.longform-story #content .post > h5,
body.longform-story #content .post > h6,
body.longform-story #content .post .wp-caption.alignleft .wp-image-container,
body.longform-story #content .post .wp-caption.alignright .wp-image-container,
body.longform-story #content .post img.alignleft,
body.longform-story #content .post img.alignright,
body.longform-story #content .post blockquote {
    opacity: 0;
}

body.longform-story #content .post > h1,
body.longform-story #content .post > h2,
body.longform-story #content .post > h3,
body.longform-story #content .post > h4,
body.longform-story #content .post > h5,
body.longform-story #content .post > h6 {
    letter-spacing: -0.25rem;
}

.no-js body.longform-story #content .post > h1,
.no-js body.longform-story #content .post > h2,
.no-js body.longform-story #content .post > h3,
.no-js body.longform-story #content .post > h4,
.no-js body.longform-story #content .post > h5,
.no-js body.longform-story #content .post > h6,
body.longform-story #content .post > h1.active,
body.longform-story #content .post > h2.active,
body.longform-story #content .post > h3.active,
body.longform-story #content .post > h4.active,
body.longform-story #content .post > h5.active,
body.longform-story #content .post > h6.active,
.no-js body.longform-story #content .post .wp-caption.alignleft .wp-image-container,
.no-js body.longform-story #content .post .wp-caption.alignright .wp-image-container,
.no-js body.longform-story #content .post img.alignleft,
.no-js body.longform-story #content .post img.alignright,
.no-js body.longform-story #content .post blockquote,
body.longform-story #content .post .wp-caption.alignleft .wp-image-container.active,
body.longform-story #content .post .wp-caption.alignright .wp-image-container.active,
body.longform-story #content .post img.alignleft.active,
body.longform-story #content .post img.alignright.active,
body.longform-story #content .post blockquote.active {
    opacity: 1;
    transition: all 0.5s;
}

.no-js body.longform-story #content .post > h1,
.no-js body.longform-story #content .post > h2,
.no-js body.longform-story #content .post > h3,
.no-js body.longform-story #content .post > h4,
.no-js body.longform-story #content .post > h5,
.no-js body.longform-story #content .post > h6,
body.longform-story #content .post > h1.active,
body.longform-story #content .post > h2.active,
body.longform-story #content .post > h3.active,
body.longform-story #content .post > h4.active,
body.longform-story #content .post > h5.active,
body.longform-story #content .post > h6.active {
    letter-spacing: 0;
    transition: all 0.5s;
}







/************************************************/
/********************* SEARCH *******************/
/************************************************/

body.search #widget-content-first .widget,
body.error404 #widget-content-first .widget {
    display: none;
}

body.search ul#posts > li {
    border-top: 1px solid #ffcb05;
    float: left;
    padding: 3em 0 1em 0;
    width: 100%;
}

body.search ul#posts > li:first-of-type {
    border-top: 0;
    padding-top: 0;
}

body.search ul#posts > li > div {
    float: left;
}

body.search ul#posts > li > .featured-image {
    width: 32%;
}

body.search ul#posts > li > .featured-image .image-container {
    margin-bottom: 1em;
}

body.search ul#posts > li > .post-details {
    float: right;
    width: 63%;
}

body.search ul#posts > li > .post-no-image {
    float: left;
    width: 100%;
}

body.search ul#posts li > .post-details h3 {
    margin-top: 0;
}

body.search ul#posts li > .post-details h3 a {
    display: block;
    text-decoration: none;
}

body.search ul#posts li > .post-details h3 a:hover {
    background: #eee;
    color: #1d66b7;
}





/************************************************/
/******************** FOOTER ********************/
/************************************************/

#section-footer {
    bottom: 0;
    position: absolute;
    width: 100%;
}



/*** MAIN FOOTER ***/

#zone-footer {
    background: #00274c;
    font-family: Arial, sans-serif;
    font-size: 0.688rem;
    min-height: 280px;
}

#zone-footer * {
    color: #fff;
}

/*** FOOTER MENUS ***/
#widget-footer-top {
    padding-bottom: 1.25rem;
    padding-top: 1.25rem;
}

#widget-footer-top .widget + .widget {
    float: right;
}

#widget-footer-top .widget_nav_menu ul {
    font: 400 0.75rem/1 'Cabin', sans-serif;
    float: left;
    margin-top: 0.75rem;
    text-transform: uppercase;
}

#widget-footer-top ul li {
    float: left;
}

/* FOOTER NAVIGATION */
#widget-footer-top .widget_nav_menu ul li {
    border: 1px solid #fff;
    border-width: 0 0 0 1px;
    padding: 0 1rem;
}

#widget-footer-top .widget_nav_menu ul li:first-of-type {
    border-width: 0;
    padding-left: 0;
}

#widget-footer-top .widget_nav_menu ul li a {
    color: #ffcb05;
}

#widget-footer-top .widget_nav_menu ul li a:hover {
    color: #fff;
    text-decoration: underline;
}

/* SOCIAL MEDIA */
#widget-footer-top ul#social-media-list {
    font-size: 1.5rem;
}

#widget-footer-top ul#social-media-list li.social-media-listing {
    background: #636363;
    border-radius: 50%;
    height: 36px;
    margin-left: 0.5rem;
    text-align: center;
    width: 36px;
}

#widget-footer-top ul#social-media-list li.social-media-listing:hover {
    background: #888;
    transition: all 0.2s ease; 
}

#widget-footer-top ul#social-media-list li.social-media-listing a {
    display: block;
}



/*** FOOTER CONTENT ***/
#footer-content .content-container,
#footer-content .content-container > div {
    float: left;
    width: 100%;
}

#footer-content a:hover {
    text-decoration: underline;
}

#widget-footer-top + #footer-content .content-container {
    border-top: 1px solid #2f5f8c;
    padding-bottom: 2.25rem;
    padding-top: 2.25rem;
}

/* FOOTER LOGO */
#footer-content .footer-logo {
    margin-right: 1.25rem;
    max-width: 64px;
}

#footer-content .footer-logo img {
    max-height: 70px;
}

/* FOOTER CONTENT */
#footer-content .content-text {
    max-width: 300px;
}

#footer-content .content-text div:not(:first-of-type) {
    margin-top: 0.75rem;
}





/************************************************/
/******************** KEYFRAMES *****************/
/************************************************/

@keyframes fadeIn {

    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }

}

@keyframes letterSpacing {

    from {
        letter-spacing: -3px;
    }

    to {
        letter-spacing: 0px;
    }

}

@keyframes moveUp {

    from {
        bottom: -1.8375rem;
    }

    to {
        bottom: 0;
    }

}