/* modifiche homepage */

header#header .header-containe-wrapper {padding: 20px 0px !important;}

#header .five.columns, #header .seven.columns {z-index:99;}

.header-slideshow-elem-content.right {
top: 35px;
margin-right: -325px;
right: 50%;
text-align: center;
background: none repeat scroll 0 0 rgba(0, 0, 0, 0.3);
}

.header-slideshow-elem-content.boxed-layout h2 span, .header-slideshow-elem-content.boxed-layout p, .header-slideshow-elem-content.boxed-layout .slide-button {
background: transparent;
box-shadow: none;
}

.header-slideshow-elem-content h2 {
font-size: 40px;
line-height: 1.1;
}

.home .red-comments {display:none;}

.header-separator {
margin: 62px;
border-bottom: 1px solid transparent;
}

.home .red-columns-5 .three, .home .row.red-columns-5 .three {
width: 20%;
}

/* modifiche generiche */

h1, h2, h3 {font-family: "Playfair Display"!important;}

.socialicons > ul.red-social > li > a.bloglovin:hover {color:#40AEEB;}

.sticky-menu-container .main-menu {width: 100%;padding-right:80px;}

.menu-item-has-children ul {width:auto;}

.header-containe-wrapper .twelve.columns {margin-top: -40px;}

footer#footer-container .socialicons > ul.red-social > li > a.fb:hover {color: #3B5998;}

footer#footer-container .socialicons > ul.red-social > li a.twitter:hover {color: #48C4D2;}

footer#footer-container .socialicons > ul.red-social > li > a.gplus:hover {color: #D94A39;}

footer#footer-container .socialicons > ul.red-social > li > a.instagram:hover {color: #634D40;}

footer#footer-container .socialicons > ul.red-social > li > a.pinterest:hover {color: #CB2027;}

footer#footer-container .socialicons > ul.red-social > li > a.email:hover {color: #0BAC03;}

footer#footer-container .socialicons > ul.red-social > li > a.bloglovin:hover {color:#40AEEB;}

#header.header_style2 nav.main-menu:before, #header.header_style2 nav.main-menu::before {
    content: 'write';
    position: absolute;
    right: 64%;
    top: -75px;
    font-family:"Raleway", sans-serif;
    font-size:44px;
    text-transform:uppercase;
    font-weight:200;
    /*background-color:#fafafa;*/
}

#header.header_style2 nav.main-menu:after, #header.header_style2 nav.main-menu::after {
    content: 'fashion';
    position: absolute;
    left: 62%;
    top: -75px;
    font-family:"Raleway", sans-serif;
    font-size:44px;
    text-transform:uppercase;
    font-weight:200;
    /*background-color:#fafafa;*/
}

.sticky-menu-container #flags {
width: auto;
top: 0px;
position: absolute;
float: none;
right: 0px;
}

#page.center-layout header#header {background-position: center !important;}

.socialicons > ul.red-social > li > a > i {
font-size: 16px;
line-height: 11px;
}

section#main {z-index: 1;}

section#main, footer#footer-container {position:relative;}

section#main:before, section#main::before {
content: " ";
background-image: url('../../images/greca_as.png');
background-position: right;
position: absolute;
bottom: -20px;
left: 0px;
width: 313px;
height: 20px;
}

section#main:after, section#main::after {
content: " ";
background-image: url('../../images/greca_ad.png');
background-position: left;
position: absolute;
bottom: -20px;
right: 0px;
width: 313px;
height: 20px;
}

.red-grid-view article section .entry-meta > div {margin-right:0px;}

.red-grid-view article section .entry-meta > div a {
margin-left:5px;
margin-right:5px;
}

.single-row-container.center-layout .fluid_container {
width: 1170px;
max-width: 100%;
min-width: 768px;
margin: 0 auto;
padding: 0px 40px 40px;
}

.single-row-container.center-layout .camera_wrap {
width: 100%;
box-shadow: 0 0 10px 0 rgba(80, 80, 80, 0.2);
-o-box-shadow: 0 0 10px 0 rgba(80, 80, 80, 0.2);
-ms-box-shadow: 0 0 10px 0 rgba(80, 80, 80, 0.2);
-moz-box-shadow: 0 0 10px 0 rgba(80, 80, 80, 0.2);
-webkit-box-shadow: 0 0 10px 0 rgba(80, 80, 80, 0.2);
}

.red-grid-view article section .entry-title h3, .red-grid-view article section .entry-title h3 a {font-size: 17px !important;}

footer#footer-container:before, footer#footer-container::before {
content: " ";
background-image: url('../../images/greca_bs.png');
background-position: right;
position: absolute;
bottom: 0px;
left: 0px;
width: 313px;
height: 20px;
}

footer#footer-container:after, footer#footer-container::after {
content: " ";
background-image: url('../../images/greca_bd.png');
background-position: left;
position: absolute;
bottom: 0px;
right: 0px;
width: 313px;
height: 20px;
}

.widget .red_twitter .icon-twitter {background-color:#FBFCF6;}

.youtube_channel div iframe {
width: 50%;
padding: 0 2%;
margin-bottom: 10px;
float: left;
}

.red-column-last .youtube_channel div iframe, .right-sidebar .youtube_channel div iframe {width:100%;}

h3.red-title-ultra, h3.red-title-centered {
border-top: 2px solid #C8A555;
text-align: center;
padding-bottom: 4px;
border-bottom: 2px solid #C8A555;
position:relative;
}

h3.red-title-ultra:before, h3.red-title-ultra::before, h3.red-title-centered:before, h3.red-title-centered::before {
content: " ";
position: absolute;
background-image: url('../../images/greca_sx2.png');
background-repeat: no-repeat;
background-position: right;
width: 150px;
height: 50px;
display: block;
left: -10px;
top: 0px;
}

h3.red-title-ultra:after, h3.red-title-ultra::after, h3.red-title-centered:after, h3.red-title-centered::after {
content: " ";
position: absolute;
background-image: url('../../images/greca_dx2.png');
background-repeat: no-repeat;
background-position: left;
width: 150px;
height: 50px;
display: block;
right: -10px;
top: 0px;
}

.textwidget h3.red-title-ultra:before, .textwidget h3.red-title-ultra::before, .textwidget h3.red-title-ultra:after, .textwidget h3.red-title-ultra::after {width:50px;}




.post-title.titolopagina {font-size: 42px;}

.titolopagina {
border-top: 2px solid #C8A555;
text-align: center;
padding-bottom: 4px;
border-bottom: 2px solid #C8A555;
position:relative;
}

.titolopagina:before, .titolopagina::before {
content: " ";
position: absolute;
background-image: url('../../images/greca_sx2.png');
background-repeat: no-repeat;
background-position: right;
width: 150px;
height: 50px;
display: block;
left: -10px;
top: 0px;
}

.titolopagina:after, .titolopagina::after {
content: " ";
position: absolute;
background-image: url('../../images/greca_dx2.png');
background-repeat: no-repeat;
background-position: left;
width: 150px;
height: 50px;
display: block;
right: -10px;
top: 0px;
}

.post-content img {width:100% !important;}

.post-content a {
margin-left: auto !important;
margin-right: auto !important;
}

.post-content table {
width:100%; 
border:none;
}

.post-content table tbody tr td {padding: 0px;}

body.single-post .post-content img.size-full {width:800px;}

.red-grid-view article section .entry-delimiter {
background-image: url('../../images/decorazione.png');
background-position: center;
background-repeat: no-repeat;
color: white !important;
}

.box-sharing {
border-top: 4px double #C8A555;
border-bottom: 1px solid #C8A555;
box-shadow: 0 -2px 0 0 #C8A555;
}

.go-to-top {z-index:10;}

.single .featimg img {width: 100%;}

.red-grid-view article section .entry-title h3 {font-size: 20px;}

.post-title {font-size: 38px;}

.page a.red-button.black {
border-color: #C8A555!important;
background: transparent;
border: 2px solid;
color: #C8A555 !important;
}

.page a.red-button.black:hover {
background: #C8A555;
color: white !important;
}

.homepage .red-team-member, .protagonists .red-team-member {
position: relative;
float: left;
line-height: 1.8;
width: 16%;
font-size: 12px;
font-family: "Merriweather" !important;
font-weight: normal;
margin: 0 2% 40px;
direction: ltr;
max-height: 400px;
}

.protagonists .red-team-member {width: 21%;}

.page #main a:hover, .single-post #main a:hover {color: #C8A555;}


/*---------------------------------------------------------------------------

                                MEDIA QUERIES

---------------------------------------------------------------------------*/


@media only screen and (max-width: 1000px) and (min-width: 768px) {
.protagonists .red-team-member {width: 29.33%;margin: 0 2% 40px;}
h3.red-title-ultra:before, h3.red-title-ultra::before, h3.red-title-centered:before, h3.red-title-centered::before, h3.red-title-ultra:after, h3.red-title-ultra::after, h3.red-title-centered:after, h3.red-title-centered::after {width: 100px;}
.textwidget h3.red-title-ultra:before, .textwidget h3.red-title-ultra::before, .textwidget h3.red-title-ultra:after, .textwidget h3.red-title-ultra::after {width:40px;}
}



@media only screen and (max-width: 767px) and (min-width: 240px) {

.header-separator {display:none;}
.single-row-container.center-layout .fluid_container {display:none;}
#header.header_style2 .header-containe-wrapper .logo {
max-width: 30%;
margin: 79px auto 20px;
}
#header.header_style2 nav.main-menu:before, #header.header_style2 nav.main-menu::before {
    right: 74%;
    top: -85px;
    font-size:24px;
}
#header.header_style2 nav.main-menu:after, #header.header_style2 nav.main-menu::after {
    left: 70%;
    top: -85px;
    font-size:24px;
}
#page.center-layout header#header {
background-size: auto 100%;
border-top: 40px solid #FFF7D7;
background: #FAFAFA;
}
#header.header_style2 .header-containe-wrapper .logo {
max-width: 30%;
margin: 39px auto;
}
.dl-menuwrapper {
/*position: absolute;
bottom: 0px;
left: 20px;
float: initial;
position: relative;
top: 250px;*/
margin-left: 20px;
}
.sticky-menu-container .main-menu {width: 100%;}
.sticky-menu-container #flags {margin-top: 15px;}
#header .five.columns {
position: absolute;
left:0px;
top: -35px;
}
#header .seven.columns {
position: absolute;
bottom: 15px;
right: 50%;
width: auto;
margin-right: -86px;
}
#flags {
width: auto;
float: initial;
text-align: initial;
}
#flags a {
margin-left: 10px !important;
margin-right: 10px;
}
.flag img, .alt_flag img {
height: 24px;
width: 24px;
}
h3.red-title-ultra:before, h3.red-title-ultra::before, h3.red-title-centered:before, h3.red-title-centered::before {display:none;}
h3.red-title-ultra:after, h3.red-title-ultra::after, h3.red-title-centered:after, h3.red-title-centered::after {display:none;}
section#main:before, section#main::before, section#main:after, section#main::after, footer#footer-container:before, footer#footer-container::before, footer#footer-container:after, footer#footer-container::after {width: 100px;}
.protagonists .red-team-member, .homepage .red-team-member {max-height:none;width: 96%;margin: 0 2% 40px;}
/*.homepage .red-team-member {width: auto !important;float: none;}*/
}