@import url("/html5up-editorial/assets/css/main.css");

/* Brand overrides: replace template accent (#f56a6a) with Atmosfera blue (#0DCAF0) */
a{color:#0DCAF0;border-bottom-color:#0DCAF0}
a:hover{color:#0DCAF0 !important;border-bottom-color:#0DCAF0}

#header{border-bottom:5px solid #0DCAF0}
header.major> :last-child{border-bottom-color:#0DCAF0}

.button{box-shadow:inset 0 0 0 2px #0DCAF0;color:#0DCAF0 !important}
.button:hover{background-color:rgba(13,202,240,0.05)}
.button:active{background-color:rgba(13,202,240,0.15)}
.button.primary{background-color:#0DCAF0;box-shadow:none;color:#ffffff !important}
.button.primary:hover{background-color:#10d1f2}
.button.primary:active{background-color:#0cc0e2}

ul.pagination li> .page.active{background-color:#0DCAF0;color:#ffffff !important}
ul.pagination li> .page.active:hover{background-color:#10d1f2}
ul.pagination li> .page.active:active{background-color:#0cc0e2}

.features article .icon:before{color:#0DCAF0}
ul.contact li:before{color:#0DCAF0}

#menu ul a:hover,#menu ul span:hover{color:#0DCAF0}
#menu ul a.opener:hover:before,#menu ul span.opener:hover:before{color:#0DCAF0}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="search"]:focus,
input[type="url"]:focus,
select:focus,
textarea:focus{border-color:#0DCAF0;box-shadow:0 0 0 1px #0DCAF0}

/* Fix for equal height columns */
.posts article {
  display: flex;
  flex-direction: column;
}

.posts article .actions {
  margin-top: auto;
}

/* Add spacing for news filters */
.filters {
  margin-bottom: 4em;
}

/* 
 * Force 2 columns for posts on large screens 
 * (Overriding the default 3-column layout for screens > 1680px)
 */
@media screen and (min-width: 1681px) {
    .posts article {
        width: calc(50% - 6em);
    }
    
    /* Reset 3-column border logic */
    .posts article:nth-child(3n + 1):before {
        display: block; 
    }
    .posts article:nth-child(3n + 1):after {
        width: calc(100% + 6em);
    }
    
    /* Apply 2-column border logic */
    .posts article:nth-child(2n + 1):before {
        display: none;
    }
    .posts article:nth-child(2n + 1):after {
        width: 100%;
    }
    
    /* Fix last row margins/borders for 2 columns */
    .posts article:nth-last-child(1), 
    .posts article:nth-last-child(2) {
        margin-bottom: 0;
    }
    .posts article:nth-last-child(1):before, 
    .posts article:nth-last-child(2):before {
        height: 100%;
    }
    .posts article:nth-last-child(1):after, 
    .posts article:nth-last-child(2):after {
        display: none;
    }
    
    /* Reset 3rd-last child if it was special in 3-column layout */
    .posts article:nth-last-child(3) {
        margin-bottom: 6em; 
    }
    .posts article:nth-last-child(3):before {
        height: calc(100% + 6em);
    }
    .posts article:nth-last-child(3):after {
        display: block;
    }
}