/* Font */

@font-face {
    font-family: 'copperplate_gothic_lightRg';
    src: url('copperplate-gothic-light_11844-webfont.woff2') format('woff2'),
         url('copperplate-gothic-light_11844-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


.gkMenu > ul > li > a, .gkMenu > ul li div.childcontent a 
{font-family: 'copperplate_gothic_lightRg'; font-size:18px; }

html, button, input, select, textarea {
    font-family: 'copperplate_gothic_lightRg';
}


/* BODY */



/* Header */

.single-page > .header .item-title-wrap, .blog-page > .header .item-title-wrap {
    position: absolute;
    text-align: left;
    top: 50%;
    margin-left: 150px;
}


.single-page > .header.no-image, .blog-page > .header.no-image {
    background: rgba(255,204,204,0.2);
} 

.normal #gkHeaderMod, .blog-page > .header, .single-page > .header, .search-page .header {
    height: 200px;
    }

.single-page > .header .item-title, .blog-page > .header .item-title {
    color:  #333333;
}



#gkHeaderNav .gkMainMenu {
    color: #333333;
    cursor: pointer;
    display: block;
    float: right;
    font-size: 14px;
    font-weight: bold;
    height: 42px;
    line-height: 18px;
    margin: 40px 0 0 0 !important;
    padding: 0;
    position: absolute;
    right: 0;
    text-align: center;
    text-transform: uppercase;
    top: 0;
    width: auto;
}
.box .header {
    color: #333;
    text-align: center;
    font-weight: bold;
    line-height: 1;
    padding: 20px 0 20px 0;
}

#gkLogo {
    display: block;
    float: left;
    margin: 55px 0 0 0;
}

/* image gk */


.gkIsWrapper-gk_quark figure h2 {
    font-size: 0px;
    font-weight: bold;
}


/*frontpage  #gkBottom2, #gkBottom3, #gkBottom4, #gkBottom5, #gkBottom6, #gkBottom7, #gkBottom8 #gkBottom9 
    background: #ffcccc;
    overflow: hidden;*/


 /* colori font */
 
 
#gkHeaderNav .gkMainMenu .gkmenu > li > a:active, #gkHeaderNav .gkMainMenu .gkmenu > li > a:focus, #gkHeaderNav .gkMainMenu .gkmenu > li > a:hover, #gkHeaderNav .gkMainMenu .gkmenu > li > a.active, #gkHeaderNav .gkMainMenu .gkmenu > li > span.active, #gkHeaderNav .gkMainMenu .gkmenu > li.active > a:active, #gkHeaderNav .gkMainMenu .gkmenu > li.active > a:focus, #gkHeaderNav .gkMainMenu .gkmenu > li.active > a:hover #gkHeaderNav .gkMainMenu .gkmenu > li.active > a.active {
    color: #e4e6e9;
}
 
 

 
 #gkHeaderNav .gkMainMenu .gkmenu > li > a, #gkHeaderNav .gkMainMenu .gkmenu > li > span {
    color: #333333;
}
 
 .dark-bg #gkLogo.text, .dark-bg #gkMobileMenu span {
    color: #333333;
}
 
 
 
.dark-bg .gkMainMenu > .gkmenu > li > a, .dark-bg .gkMainMenu > .gkmenu > li > span {
    color: #333333 !important;
}



.dark-bg .gkMainMenu > .gkmenu > li > a:hover, .dark-bg .gkMainMenu > .gkmenu > li > a:active, .dark-bg .gkMainMenu > .gkmenu > li > a:focus, .dark-bg .gkMainMenu > .gkmenu > li.active > a {
    color:  #e4e6e9 !important;
}


/* colori menu footer*/

#gkFooter {
    color: #333333;
    font-size: 33px;
    font-weight: 300;
    line-height: 2;
    text-align: center;
}

#gkFooter {
    color: #333333;
    font-size: 33px;
    font-weight: 300;
    line-height: 2;
    text-align: center;
}

#gkFooter a {
    color: #333333;
    padding: 0 !important;
}

#gkFooter a:active, #gkFooter a:focus, #gkFooter a:hover {
    color: #f079a3;
}


/* colori h*/

h1, h2, h3, h4, h5, h6 {
    color: #333333;
    font-weight: 400;
    line-height: 1.2;
    margin: 0;
    padding: 0;
}


a.inverse {
    color: #333333;
}

/* pulsante read more*/

button, .button, input[type="submit"], input[type="button"], .pagenav-prev a, .pagenav-next a, #gkMainbody .readmore > a, .readon, .btn, .btn-border, .btn-thin-border {
    -webkit-appearance: none;
    background: #333333;
    border: none;
    border-radius: 1px;
    color: #fff !important;
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
    font-weight: 400;
    height: auto;
    letter-spacing: 2px;
    line-height: 25px;
    margin: 0 5px 2px 2px;
    padding: 12px 45px;
    text-align: center;
    text-transform: uppercase;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.cc_container {
    background: #333333;
    color: #fff;
    font-size: 17px;
    font-family: "Helvetica Neue Light", "HelveticaNeue-Light", "Helvetica Neue", Calibri, Helvetica, Arial;
    box-sizing: border-box;
}