/*

Theme Name: Coalición Canaria 2021
Theme URI: http://tecnicalia.es/
Author: Notecopies
Author URI: http://tecnicalia.es/
Description: Diseño Notecopies 2017
Version: 1.0.0
Template: x

*/

/* Header */

.masthead { position: relative !important;}
.home .masthead {position: absolute !important;}
.single-post .masthead {background: #fff !important;}


/* Topbar */

.x-topbar {position: absolute; width: 100%; text-align: right;}
.x-topbar .p-info {
    float: none;
    display: inline-block;
    margin-top: 0;
    padding: 0 12px 6px;
    color:#ccc !important;
    line-height: 32px;
    height: 39px;
    border-bottom: 1px solid #d9d9d9;
}
.x-topbar * {color:#ccc;}
.x-topbar .p-info a { color:#999 !important; cursor: pointer;}
.x-topbar .p-info a:hover {color:#222 !important;}
.x-topbar .x-social-global {
    padding-bottom: 6px;
    border-bottom: 1px solid #d9d9d9;
}

.x-topbar .x-social-global a {color: #999 !important;}
.x-topbar .x-social-global a:hover {color: #fff !important;}
.x-topbar .x-social-global a:hover i {color: #fff !important;}

/* Navmenu */

.x-btn-navbar {
    margin-top: 78px !important;
}

.desktop .menu-item > .sub-menu {
    background: rgba(255, 255, 255, 0.97) !important;
}
.desktop .menu-item.cc-blue > a {color:#00ade9 !important;}
.desktop .menu-item.cc-yellow > a {color:#FFDD00 !important;}
.desktop .hide-title > a {opacity:0; pointer-events: none;}
.desktop .append-right {padding-right: 0 !important;}
.desktop .append-left {padding-left: 0 !important;}
.desktop .sub-menu li:before,
.desktop .sub-menu li:after {display: none;}
.desktop .sub-menu li > a {padding: 2px 0 2px 8px;}
.desktop .x-nav .x-megamenu>.sub-menu>li>.sub-menu {border-top: 1px solid #eee; padding-top: 12px !important;}
.desktop .x-nav .x-megamenu .cc-blue .sub-menu {border-top: 1px solid #00ade9 !important; }
.desktop .x-nav .x-megamenu .cc-yellow .sub-menu {border-top: 1px solid #FFDD00 !important; }
.desktop .x-nav .x-megamenu>.sub-menu>li>a {padding: 8px 0; line-height: 1.1em; color:#222 !important;}

/* Cornerstone */

.cc-posts-slider .x-flexslider-shortcode-container {
    margin-bottom: 0;
}
.cc-posts-slider .x-btn {
    background: #fff;
    color: #333;
    text-shadow: none;
}
.cc-posts-slider .x-btn:hover {
    background: #333;
}
.cc-posts-slider .flex-direction-nav .flex-prev {
    top: 50%;
    left: 14px;
    transform: translateY(-50%);
    background: rgba(0,0,0,.6);
    border-radius: 0;
    width: 48px;
    height: 48px;
    line-height: 48px;
}
.cc-posts-slider .flex-direction-nav .flex-next {
    top: 50%;
    left: auto;
    right: 14px; 
    transform: translateY(-50%);
    background: rgba(0,0,0,.6);
    border-radius: 0;
    width: 48px;
    height: 48px;
    line-height: 48px;
}

.cc-livestr-slider .flex-direction-nav a { background-color: #fff; color: red; }

.cc-bq-darkbg { color:#fff; text-align: left; border: 2px solid rgba(229, 229, 229, 0.30);}
.cc-bq-darkbg .x-cite {color:rgba(255,255,255,.6); text-align: left;}

.row-centered .x-column {
    vertical-align: middle !important;
}

.cc-pdf-list .cc-file-list,
.cc-pdf-list .cc-file-list li {
    list-style: none;
    margin: 0;
    padding: 0;
}
.cc-pdf-list.cc-list .cc-file-list li a {
    padding-left: 28px;
    position: relative;
}
.cc-pdf-list.cc-list .cc-file-list li a:before {
    display: block;
    position: absolute;
    content: '\f138';
    font-family: fontawesome;
    left: 6px;
    top: 0;
    height: 100%;
    line-height: 1em;
    color: #ccc;
}
.cc-pdf-list.cc-icons .cc-file-list li a {
    margin-left: 36px;
    font-size: 140%;
    position: relative;
    display: block;
    line-height: 1.4em;
    padding: 6px 0;
}
.cc-pdf-list.cc-icons .cc-file-list li a:before {
    display: block;
    position: absolute;
    content: '\f1c1';
    font-family: fontawesome;
    left: -32px;
    top: 10px;
    height: 100%;
    line-height: 1em;
    color: #da4747;
}

/* Grid Layout */

.cc-index-content-menu {
    position: fixed;
    top: 10px;
    left: 50%;
    padding: 30px 40px;
    background: #fff;
    box-shadow: 0 6px 30px rgba(0,0,0,.15);
    min-width: 220px;
    max-width: 1100px;
    z-index: 999;
    border: 1px solid #00ade9;
    
    transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
}
.cc-index-content-menu h4 {
    display: inline-block;
    margin: 0 20px 0 0;
    font-size: 140%;
}
.cc-index-content-menu .cc-index-content-menu-list  {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
    float: right;
    max-width: 90%;
}
.cc-index-content-menu .cc-index-content-menu-list li {
    display: inline-block;
}
.cc-index-content-menu .cc-index-content-menu-list li a {
    padding: 8px 12px;
    line-height: 32px;
}

.cc-tablero .x-container.marginless-columns .x-column {
    vertical-align: middle;
    padding: 60px 30px;
}

.cc-tablero .x-container .x-column {
    border: 5px solid #fff;
}

.cc-tablero .x-container .x-column.cc-bluebox {
    background: #00ade9;
    color: #fff;
}
.cc-tablero .x-container .x-column.cc-bluebox h3,
.cc-info_y_foto .x-container .x-column.cc-info h3 {
    color: #fff;
}
.cc-tablero .x-container .x-column.cc-bluebox h4,
.cc-info_y_foto .x-container .x-column.cc-info h4 {
    color: #ffffffa8;
}
.cc-tablero .x-container .x-column.cc-graybox {
    background: rgb(230, 230, 230);
}
.cc-tablero .x-container .x-column.cc-graybox h4 {
    color: rgba(0,0,0,.6);
}
.cc-info_y_foto .x-container .cc-info {
    padding: 60px 30px;
    background: #00ade9;
    color: #fff;
}
.cc-info_y_foto {
    padding: 0;
    margin: 0;
}

/* Eventos */

.mec-single-event {
    overflow: hidden;
}
.mec-single-event:before, .mec-single-event:after {
    content: ' ';
    display: table;
}

/* Typography */

.x-btn.cc-yellow {
    background: #E9D313 !important;
    border-color: #E9D313 !important;
}

.x-btn.cc-yellow:hover {
    background: hsl(0,0%,61%) !important;
    border-color: hsl(0,0%,61%) !important;
}

/* Footer */

.x-colophon.bottom * {color:#333;}
.x-colophon.bottom .x-social-global a i { color:#666;}
.x-colophon.bottom .x-social-global a:hover i {color: #fff;}

/* MOBILE */

@media (max-width: 979px) {
    .masthead {
        background-color: #fff !important;
    }
    .x-topbar {position: relative;}
    
}
@media (max-width: 767px) {
    .x-topbar .p-info {display: block !important; border-color: #f7f7f7 !important;}
    .x-topbar .x-social-global {border-color: #f7f7f7 !important;}
}

/* Members */
.members-section .x-container .x-column.x-1-4 {
    margin-right: 0;
    width: 25%;
}

.members-section .member-info-box {
    overflow: hidden;
    position: relative;
    transition: height .3s ease;
        -webkit-transition: height .3s ease;
        -moz-transition: height .3s ease;
        -ms-transition: height .3s ease;
        -o-transition: height .3s ease;
}
.members-section .member-info-box .x-text {
    color:rgba(255,255,255,.8);
    overflow: hidden;
    position: absolute;
    width: 100%;
    left: 0;
    padding: 0 20px;
}
.members-section .member-info-box .read-more {
    position: absolute;
    display: block;
    bottom: 0;
    left: 0;
    width: 100%;
    height:60px;
    padding-top: 24px;
    text-align: center;
    color: #fff;
    background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,176,235,1) 50%, rgba(0,176,235,1) 100%);
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(0,176,235,1) 50%,rgba(0,176,235,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(0,176,235,1) 50%,rgba(0,176,235,1) 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00b0eb',GradientType=0 );
    cursor: pointer;
    z-index: 9999;
}
.members-section .member-info-box .read-more:hover {
    text-decoration: underline;
}
.members-section .member-info-box .read-more .rm,
.members-section .member-info-box .read-more.open .cl {
    display: block;    
}
.members-section .member-info-box .read-more.open .rm,
.members-section .member-info-box .read-more .cl {
    display: none;    
}

/* Descargas */
.dlm-downloads {
    overflow: hidden;
    padding-top: 12px;
}
.dlm-downloads li {
    display: block;
    float: left;
    width: 22%;
    margin-right: 4%; 
    margin-bottom: 30px;
    padding-right: 8px;
}
.dlm-downloads li .download-box {
    margin: 0 auto;
    width: 100%;
    max-width: 100%;
}
.dlm-downloads li:first-child,
.dlm-downloads li:nth-child(4n+1) {
    clear: left;
}
.dlm-downloads li:nth-child(4n) {
    clear: right;
    margin-right: 0;
}
.download-monitor-pagination {
    clear: both;
    margin-top: 40px;
}
@media(max-width:1200px) {
    .dlm-downloads li {
        width:30.66%;
    }
    .dlm-downloads li:nth-child(4n+1) {
        clear: none;
    }
    .dlm-downloads li:nth-child(4n) {
        clear: none;
        margin-right: 4%;
    }
    .dlm-downloads li:nth-child(3n+1) {
        clear: left;
    }
    .dlm-downloads li:nth-child(3n) {
        clear: right;
        margin-right: 0;
    }
}
@media(max-width:980px) {
    .dlm-downloads li {
        width:48%;
    }
    .dlm-downloads li:nth-child(3n+1) {
        clear: none;
    }
    .dlm-downloads li:nth-child(3n) {
        clear: none;
        margin-right: 4%;
    }
    .dlm-downloads li:nth-child(2n+1) {
        clear: left;
    }
    .dlm-downloads li:nth-child(2n) {
        clear: right;
        margin-right: 0;
    }
}
@media(max-width:620px) {
    .dlm-downloads li {
        width:100%;
        margin-right: 0;
        clear: both;
        float: none;
    }
}