/*
Theme Name: Made In Martina
Theme URI: https://www.emotionart.it
Description: Tema Child di NapPheme
Author: nappa5150
Author URI: https://www.emotionart.it
Template: nappheme
Version: 1.5
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: Personalized
Text Domain: napphemechild
*/
/* ************************************************************************** */
/* * * */
/* * theme: Nome_del_TEMA * */
/* * * */
/* ************************************************************************** */
/* ----------------------------------------------------------------------------- BODY -------- */
body { font-family: 'BenchNine', sans-serif; font-weight: 300; font-size: 28px;}
/* ----------------------------------------------------------------------------- TITOLI -------- */
/* ----------------------------------------------------------------------------- TESTI -------- */
/* ----------------------------------------------------------------------------- LINK HREF -------- */
/* ----------------------------------------------------------------------------- IMMAGINI -------- */
/* ************************************************************************** */
/* * * */
/* * COLORI SECTION * */
/* * * */
/* ************************************************************************** */
/* ----------------------------------------------------------------------------- COLORI SEZIONI -------- */
/* BODY */
body { background-color: #f75785; color: #000000; }
/* WIDGET HEADER */
.color-bg-headerwidget-wrap { background-color: #ffffff; }
.color-bg-headerwidget-content { background-color: #ffffff; }
.color-txt-headerwidget-content { color: #000000; }
/* HEADER */
.color-bg-header-wrap { background-color: transparent; }
.color-bg-header-content { background-color: transparent; }
.color-txt-header-content { color: #000000; }
/* CONTENT */
.color-bg-content-wrap { background-color: transparent; }
.color-bg-content-content { background-color: transparent; }
.entry-content { background-color: #ffffff; }
.color-txt-content-content { color: #000000; }
/* FOOTER */
.color-bg-footer-wrap { background-color: transparent; }
.color-bg-footer-content {
background-color: #d34a7b;
border-bottom-left-radius: 30px;
border-bottom-right-radius: 30px;
}
.color-txt-footer-content { color: #ffffff; }
.color-txt-footer-content a:link,
.color-txt-footer-content a:visited,
.color-txt-footer-content a:hover,
.color-txt-footer-content a:active{ color: #ffffff; text-decoration: none; }
/* ----------------------------------------------------------------------------- COLORI GB e TXT -------- */
/* COLORI custom dei WP-BLOCK */
.has-rosamartina-background-color { background-color: #d34a7b;}
.has-rosamartina-color { color: #d34a7b;}
.has-rosa-background-color { background-color: #f75785;}
.has-rosa-color { color: #f75785;}
.has-giallo-background-color { background-color: #FFD000;}
.has-giallo-color { color: #FFD000;}
/* default color dei WP-Bloxk */
.has-nero-background-color { background-color: #000000;}
.has-nero-color { color: #000000;}
.has-verde-background-color { background-color: #39b54a;}
.has-verde-color { color: #39b54a;}
.has-bianco-background-color { background-color: #ffffff;}
.has-bianco-color { color: #ffffff;}
.has-rosso-background-color { background-color: #ff0000;}
.has-rosso-color { color: #ff0000;}
/* ************************************************************************** */
/* * * */
/* * LAYOUT PRINCIPALE * */
/* * * */
/* ************************************************************************** */
/* ----------------------------------------------------------------------------- LARGHEZZE -------- */
/* ----------------------------------------------- larghezze tutto il sito -- */
/* ------------------------------------------- larghezze contenuto PRIMARY -- */
/* ------------------------------------------- larghezze contenuto SIDEBAR -- */
/* ----------------------------------------------------------------------------- PAGE tutto il sito -------- */
/* ----------------------------------------------------------------------------- HEAD WIDGET -------- */
/* ----------------------------------------------------------------------------- HEAD -------- */
.site-head-height { height: 180px; }
.site-head-height-compensation { height: 180px; }
.site-head {
background-image: url("images/bg-head.png");
background-repeat: no-repeat;
background-size: auto 100%;
background-position: center top;
}
/* ------------------------------------------------------ HEAD FullPage ----- */
/* ------------------------------------------------------ HEAD extra -------- */
/* ----------------------------------------------------- LOGO header -------- */
.wrap-logo-top {
position: absolute;
display: block;
top: 5px;
left: 50%;
margin-left: -210px;
width: 120px;
z-index: 11;
}
/* ----------------------------------------------------- FORM search -------- */
/* --------------------------------------------------- CONTENT EXTRA -------- */
/* si possono aggiungere dei custom CSS */
/* ------------------------------------------------------- NEWS EXTRA ------- */
/* ------------------------------------------------------- NEWS EXTRA ------- */
/* ----------------------------------------------------------------------------- MAIN content -------- */
/* ------------------------------------------------------ WIDGET centrale --- */
/* ----------------------------------------------------------------------------- FOOTER content -------- */
/* -------------------------------------------- FOOTER con 4 widgets -------- */
/* ------------------------------------------------------ FOOTER box -------- */
/* ------------------------------------------------------ FOOTER grid ------- */
/* ----------------------------------- FOOTER box ID e stili singoli -------- */
/* ----------------------------------------------------------------------------- MENUs -------- */
/* -------------------------------------------------------- wrap menu INSIDE */
.wrap-menu-inside-class {
top: 23px;
}
/* -------------------------------------------------------- wrap menu OUTSIDE */
/* --------------------------------------------------------- wrap menu BEYOND */
/* ----------------------------------------------------------------- MENU top */
/* ------------------------------------------------- MENU top sided */
#menu-top-left {}
.menu-top-left {
position: absolute;
display: block;
right: 67%;
margin-right: 65px;
}
#menu-top-right {}
.menu-top-right {
position: absolute;
display: block;
left: 43%;
margin-left: auto;
}
/* ------------------------------------------------------------ MENU top RESP */
/* ------------------------------------------------------------- SUPERFISH SF */
/*** ESSENTIAL STYLES ***/
/*** -------------------------------------------- DEMO SKIN ***/
.sf-menu {
float: left;
margin-bottom: 0.5em;
text-transform: uppercase;
font-weight: 400;
font-size: 85%;
}
/* box sottomenu */
.sf-menu ul {
box-shadow: 2px 2px 6px rgba(0, 0, 0, .2);
min-width: 12em; /* allow long menu items to determine submenu width */
*width: 12em; /* no auto sub width for IE7, see white-space comment below */
}
.sf-menu a {
text-decoration: none;
zoom: 1; /* IE7 */
padding: 0 0.3em 0 0.3em;
}
/* valido per tutti gli <a> */
.sf-menu a { color: #000000;}
.sf-menu a:hover, .sf-menu a:active, .sf-menu a:focus { color: #d34a7b; }
/* valido per tutti gli <li> */
.sf-menu li {
white-space: nowrap; /* no need for Supersubs plugin */
*white-space: normal; /* ...unless you support IE7 (let it wrap) */
-webkit-transition: background .2s;
transition: background .2s;
cursor: pointer;
}
/* set dell'ultimo <li> */
.sf-menu li:last-child,
.sf-menu li:nth-last-child(last) {}
/* <li> dei sottomenu Liv 1 e Liv 2 */
.sf-menu ul li { background-color: #ffffff; }
.sf-menu ul ul li { background-color: #ffffff; }
/* valido per tutti gli HOVER <li> */
.sf-menu li:hover,
.sf-menu li.sfHover {
background: #ffffff;
/* only transition out, not in */
-webkit-transition: none;
transition: none;
text-decoration: none;
}
/* valido per gli HOVER <li> Liv 0 */
.sf-menu > li:hover,
.sf-menu > li.sfHover {
background: transparent;
/* only transition out, not in */
-webkit-transition: none;
transition: none;
text-decoration: none;
}
/*** ARROWS (for all except IE7) **/
.sf-arrows .sf-with-ul {
padding-right: 1.9em;
*padding-right: 1em; /* no CSS arrows for IE7 (lack pseudo-elements) */
}
/* styling for both css and generated arrows */
.sf-arrows .sf-with-ul:after {
content: '';
position: absolute;
top: 50%;
right: 0.8em;
margin-top: -3px;
height: 0;
width: 0;
/* order of following 3 rules important for fallbacks to work */
border: 5px solid transparent;
border-top-color: #000; /* edit this to suit design (no rgba in IE8) */
border-top-color: rgba(0, 0, 0, 1);
}
.sf-arrows > li > .sf-with-ul:focus:after,
.sf-arrows > li:hover > .sf-with-ul:after,
.sf-arrows > .sfHover > .sf-with-ul:after {
border-top-color: #000000; /* IE8 fallback colour */
}
/* styling for right-facing ARROWS */
.sf-arrows ul .sf-with-ul:after {
margin-top: -5px;
margin-right: -3px;
border-color: transparent;
border-left-color: #000; /* edit this to suit design (no rgba in IE8) */
border-left-color: rgba(0, 0, 0, 1);
}
.sf-arrows ul li > .sf-with-ul:focus:after,
.sf-arrows ul li:hover > .sf-with-ul:after,
.sf-arrows ul .sfHover > .sf-with-ul:after { border-left-color: #000000; }
/* style VOCI SELEZIONATE */
/* LIVELLO - 0 */
.sf-menu > li.current-menu-item > a { color: #d34a7b; }
.sf-menu > li.current-menu-parent > a { color: #d34a7b; }
.sf-menu > li.current-menu-ancestor > a { color: #d34a7b; }
.sf-menu > li.current-page-ancestor > a { color: #d34a7b; }
/* se una pagina NON è nel menu, ma è una sotto pagina e si vuole evidenziare il genitore */
.sf-menu > li.current-menu-parent a.sf-with-ul:after {}
/* LIVELLO - 1 */
.sf-menu > li ul.sub-menu > li a { color: #000000; padding-top: 5px; padding-left: 7px; padding-bottom: 3px }
.sf-menu > li.current-menu-parent ul.sub-menu > li.current-menu-item > a { color: #ff00cc; }
/* item selezionato */
.sf-menu > li.current-menu-parent ul.sub-menu > li.current-menu-ancestor > a { color: #ff00cc; }
/* item selezionato ma non incluso solo li */
.sf-menu > li.current-menu-ancestor ul.sub-menu > li.current-menu-parent > a { color: #ff00cc; }
/* item selezionato incluso solo li */
.sf-menu > li.current-menu-parent ul.sub-menu > li > a { color: #000000; }
/* colore link Liv 1 */
.sf-menu > li.current-menu-parent ul.sub-menu > li > a:hover { color: #10C775; }
/* colore link HOVER Liv 1 */
.sf-menu > li.menu-item ul.sub-menu > li > a:hover { color: #10C775; }
/* colore link HOVER Liv 1 */
/* LIVELLO - 2 */
.sf-menu > li ul.sub-menu > li > ul.sub-menu > li a { color: #000000; padding-top: 5px; padding-left: 7px; padding-bottom: 3px }
.sf-menu > li.current-menu-parent ul.sub-menu > li.current-menu-item > a { color: #ff00cc; }
/* item selezionato */
.sf-menu > li.current-menu-parent ul.sub-menu > li.current-menu-ancestor > a { color: #ff00cc; }
/* item selezionato ma non incluso solo li */
.sf-menu > li.current-menu-ancestor ul.sub-menu > li.current-menu-parent > a { color: #ff00cc; }
/* item selezionato incluso solo li */
.sf-menu > li.current-menu-ancestor ul.sub-menu > li.current-menu-item > a { color: #ff00cc; }
/* item selezionato incluso solo li */
.sf-menu .current-post-ancestor a,
.sf-menu .current-menu-parent a,
.sf-menu .current-page-ancestor a,
.sf-menu .current-category-ancestor a,
.sf-menu .active_category a,
.sf-menu .current-menu-item a {
background: rgba(255, 255, 255, 0);
}
/* voce di menu selezionata: livello 0 e sotto livello */
.current-menu-parent > a,
.current-menu-item a {}
ul li .sub-menu a:hover,
ul li .sub-menu .current-menu-item a,
ul li .sub-menu .current-menu-item a:hover,
.sub-menu li.sfHover > a {
background: none;
}
/* ----------------------------------------------------------- CSS MENU MAKER */
#cssmenu > ul > li > a { background-color: #666666; }
#cssmenu.cssmenu-expand > ul > li > a { color: #000000; background-color: #d34a7b;}
#cssmenu ul ul li a { font-size: 70%; }
/* ************************************************************************** */
/* * * */
/* * CONTENUTI * */
/* * * */
/* ************************************************************************** */
/* ---------------------------------------------------------------- CONTENUTI */
/* HEADER */
.entry-header {
width: 100%;
height: 300px;
display: block;
background-image: url("images/bg-content-head.png");
background-repeat: no-repeat;
background-size: 100% 100%;
background-position: center top;
}
.entry-header h1 {
color: #d34a7b;
padding-top: 80px;
padding-left: 320px;
padding-right: 150px;
font-size: 56px;
text-align: center;
}
/* CONTENUTI */
.entry-content > p {
padding-right: 30px;
padding-left: 30px;
}
/* ----------------------------------------------------- IMMAGINE IN EVIDENZA */
/* --- CONTENUTO IMAGE PREVIEW --- */
/* ---------------------------------- contenuto IMMAGINE IN EVIDENZA -------- */
/* ------------------------------------------------------- SPACERBOX -------- */
/* ----------------------------------------------------------- TABLE -------- */
/* --------------------------------------------------------- COLONNE -------- */
/* ************************************************************************** */
/* * * */
/* * NAP GRIDLIST * */
/* * * */
/* ************************************************************************** */
/* --------------------------------------------------------------- GRIGLIA -- */
/* ----------------------------------------------------------------- LISTA -- */
/* ************************************************************************** */
/* ************************************************************************** */
/* * * */
/* * SHORT CODE STYLEs * */
/* * * */
/* ************************************************************************** */
/* --------------------------------------------------------- EVIDENZIA ------ */
/* ---------------------------------------------------------- READMORE ------ */
/* --------------------------------------------------------- IOSSLIDER ------ */
/* contenuti dello IOSSlider mettendo class custom */
.item-contentbg-sliderhome {}
.item-contentbg-sliderhome.sliderhome {}
.item-contentbg-sliderhome.sliderhome.sliderhome-box {}
.item-contentbg-sliderhome.sliderhome.sliderhome-box.title {}
.item-contentbg-sliderhome.sliderhome.sliderhome-box.text {}
/* ************************************************************************** */
/* * * */
/* * GUTENBERG * */
/* * * */
/* ************************************************************************** */
a.wp-block-button__link:link, a.wp-block-button__link:visited {
text-decoration: none;
color: #d34a7b;
background-color: #ffffff;
border: 3px solid #d34a7b;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
a.wp-block-button__link:hover, a.wp-block-button__link:active, a.wp-block-button__link:focus {
background-color: #d34a7b;
color: #ffffff;
border: 3px solid #d34a7b;
text-decoration: none;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
/* ----------------------------------------------- COLONNE GUTENBERG -------- */
/* --- questo stile viene applicato direttamente dall'EDITOR di WP --- */
/* --- wp-block-columns-2575 */
/* --- questo stile viene applicato direttamente dall'EDITOR di WP --- */
/* --- wp-block-columns-7525 */
/* --- questo stile viene applicato direttamente dall'EDITOR di WP --- */
/* --- wp-block-columns-6535 */
/* -------------------------------------------------------- IMMAGINI -------- */
/* ************************************************************************** */
/* * * */
/* * BREADCRUMB * */
/* * * */
/* ************************************************************************** */
/* ---------------------------------------------------------- YOAST BREACRUMB */
/* ------------------------------------------------ quella custom in function */
/* ----------------------------------------------------------------- EXTENDED */
/* --------------------------------------------------------- EMBED RESPONSIVE */
/* -- + -- + -- + -- + -- + -- + -- + -- + -- + -- + -- + -- + -- + -- + -- + */
/* - - */
/* - CSS SPECIFICI DEL SITO - */
/* - - */
/* -- + -- + -- + -- + -- + -- + -- + -- + -- + -- + -- + -- + -- + -- + -- + */
/* TEAMs */
.testimonial-description,
.testimonial-description > p {
font-size: 90%;
text-align: center;
color: #000000;
}
/* ************************************************************************** */
/* * * */
/* * PLUGINs * */
/* * * */
/* ************************************************************************** */
/* --------------------------------------------------------- CF7 CONTACT FORM */
.wpcf7-list-item { padding-left: 0; margin-left: 0;}
/* --------------------------------------------------------------------- WPML */
/* ---------------------------------------------------- ICS CALENDAR -------- */
/* ************************************************************************** */
/* * * */
/* * MEDIA QUERY * */
/* * * */
/* ************************************************************************** */
/* ************************************************************************** */
/* * GUTENBERG sovrascrivo i CSS * */
/* ************************************************************************** */
/* ----------------------------------------------- COLONNE GUTENBERG -------- */
/* -- quando le dimensioni sono SUPERIORI a 600px -- */
@media (min-width: 600px) {
}
/* ************************************************************************** */
/* SCHERMO più piccolo della larghezza del sito, data da fixwidth [960px] */
@media screen and (max-width: 960px) {
/* HEADER */
.entry-header {
width: 100%;
height: 150px;
}
.entry-header h1 {
color: #d34a7b;
padding-top: 50px;
padding-left: 0;
padding-right: 0;
font-size: 130%;
text-align: center;
}
}
/* ************************************************************************** */
/* IPAD mini verticale 768 x 1024 */
@media screen and (max-width: 768px) {
.site-head-height { height: 100px; }
.site-head-height-compensation { height: 100px; }
.wrap-logo-top {
position: absolute;
display: block;
top: 5px;
left: 50%;
margin-left: -85px;
width: 80px;
z-index: 11;
}
/* HEADER */
.entry-header {
width: 100%;
height: 150px;
}
.entry-header h1 {
color: #d34a7b;
padding-top: 50px;
padding-left: 0;
padding-right: 0;
font-size: 130%;
text-align: center;
}
}
/* ************************************************************************** */
/* IPHONE 8 plus 414 x 736 */
@media screen and (max-width: 460px) {
.site-head-height { height: 100px; }
.site-head-height-compensation { height: 100px; }
.wrap-logo-top {
position: absolute;
display: block;
top: 5px;
left: 50%;
margin-left: -85px;
width: 80px;
z-index: 11;
}
/* HEADER */
.entry-header {
width: 100%;
height: 150px;
}
.entry-header h1 {
color: #d34a7b;
padding-top: 50px;
padding-left: 0;
padding-right: 0;
font-size: 34px;
text-align: center;
}
}
/* ************************************************************************** */
/* IPHONE 8 plus 375 x 667 */
@media screen and (max-width: 375px) {
}
/* ************************************************************************** */
/* IPHONE SE 320 x 568 */
@media screen and (max-width: 320px) {}