/* Theme Name: Ginas Tango Rosa (Child Theme) Theme URI: https://www.ginas-tango-rosa.de Author: www.ppks.net Author URI: https://www.ginas-tango-rosa.de Description: Ginas Tango Rosa Version: 2013 Template: gtr */ @import url("../gtr/style.css"); /* lato-300 - latin */ @font-face { font-family: 'Lato'; font-style: normal; font-weight: 300; font-display: swap; src: local(''), url('fonts/lato-v23-latin-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('fonts/lato-v23-latin-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* lato-300italic - latin */ @font-face { font-family: 'Lato'; font-style: italic; font-weight: 300; font-display: swap; src: local(''), url('fonts/lato-v23-latin-300italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('fonts/lato-v23-latin-300italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* lato-regular - latin */ @font-face { font-family: 'Lato'; font-style: normal; font-weight: 400; font-display: swap; src: local(''), url('fonts/lato-v23-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('fonts/lato-v23-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* lato-italic - latin */ @font-face { font-family: 'Lato'; font-style: italic; font-weight: 400; font-display: swap; src: local(''), url('fonts/lato-v23-latin-italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('fonts/lato-v23-latin-italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* lato-700 - latin */ @font-face { font-family: 'Lato'; font-style: normal; font-weight: 700; font-display: swap; src: local(''), url('fonts/lato-v23-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('fonts/lato-v23-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* lato-700italic - latin */ @font-face { font-family: 'Lato'; font-style: italic; font-weight: 700; font-display: swap; src: local(''), url('fonts/lato-v23-latin-700italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('fonts/lato-v23-latin-700italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* lato-900 - latin */ @font-face { font-family: 'Lato'; font-style: normal; font-weight: 900; font-display: swap; src: local(''), url('fonts/lato-v23-latin-900.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('fonts/lato-v23-latin-900.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* lato-900italic - latin */ @font-face { font-family: 'Lato'; font-style: italic; font-weight: 900; font-display: swap; src: local(''), url('fonts/lato-v23-latin-900italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('fonts/lato-v23-latin-900italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* oswald-300 - latin */ @font-face { font-family: 'Oswald'; font-style: normal; font-weight: 300; font-display: swap; src: local(''), url('fonts/oswald-v49-latin-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('fonts/oswald-v49-latin-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* oswald-regular - latin */ @font-face { font-family: 'Oswald'; font-style: normal; font-weight: 400; font-display: swap; src: local(''), url('fonts/oswald-v49-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('fonts/oswald-v49-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* oswald-500 - latin */ @font-face { font-family: 'Oswald'; font-style: normal; font-weight: 500; font-display: swap; src: local(''), url('fonts/oswald-v49-latin-500.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('fonts/oswald-v49-latin-500.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* oswald-600 - latin */ @font-face { font-family: 'Oswald'; font-style: normal; font-weight: 600; font-display: swap; src: local(''), url('fonts/oswald-v49-latin-600.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('fonts/oswald-v49-latin-600.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } /* oswald-700 - latin */ @font-face { font-family: 'Oswald'; font-style: normal; font-weight: 700; font-display: swap; src: local(''), url('fonts/oswald-v49-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */ url('fonts/oswald-v49-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ } body {font-family:'Lato', Arial, Verdana, 'Helvetica Neue', Helvetica, sans-serif;} h1, h2, h3, h4, h5, h6, .tagline, .sub-title, .menu a, .widget_pages, .widget_categories, .entry-meta, .entry-note, .read-more, #submit, .single .entry-content > p:first-of-type:first-letter, input#s, .widget_ti-about-site p, .comments .vcard, #respond label, .copyright, #wp-calendar tbody, .latest-reviews i, .score-box .total {font-family: 'Oswald', Arial, Verdana, 'Helvetica Neue', Helvetica, sans-serif; font-weight:400;} /* -------------------------------------------- F A R B A U S W A H L Dunkel-Grau = #262626 Rot = #a63d37 Mittel-Orange = #c85b44 Orange = #e68950 ----------------------------------------------- */ body {background-color:#a63d37;} .logo img {width:300px;} .logo img:hover {opacity:0.70;} /* -------------------------------------------- SEITE ALTERSABFRAGE ----------------------------------------------- */ /* body.page-id-2218 {background: url('https://www.ginas-tango-rosa.de/wp-content/uploads/splash-screen.jpg') no-repeat center center fixed; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover;} */ .page-id-2218 #masthead .main-menu {display:none !important;} .page-id-2218 #footer {display:none !important;} .page-id-2218 .page-title {background:none; margin-bottom:0px !important;} .page-id-2218 .subheading {font-size:25px; background:none; color:#ffffff; line-height:35px;} .page-id-2218 .sc-title .title {font-size:25px !important; margin-bottom:0px !important;} .page-id-2218 #content {margin-top:-40px;} .page-id-2218 .color-site-dark {display:none;} /* Mobile-Nav ausblenden */ .page-id-2218 .bg-green {background-color: #3c8150; border:2px solid #ffffff;} .page-id-2218 .bg-red {background-color: #a63d37; border:2px solid #ffffff;;} .page-id-2218 .sc-columns.half div.col {width:35%;} .page-id-2218 .sc-columns div.col {float:left; margin-left:10%;} @media only screen and (max-width: 800px) { .page-id-2218 .subheading {margin-top:-10px;} } @media only screen and (max-width: 800px) { .page-id-2218 .sc-columns div.col {margin-left:0%;} } /* -------------------------------------------- COOKIE NOTICE ----------------------------------------------- */ .cookie-notice-container {padding:30px;} #cookie-notice .button.wp-default {background:#a63d37; border:none; color:#ffffff; text-shadow:none;} #cookie-notice .button.wp-default a:hover {background:#a63d37 !important;} /* -------------------------------------------- SEITE DATENSCHUTZHINWEIS ----------------------------------------------- */ .page-id-5303 .sc-accordion .trigger, .page-id-5303 .sc-accordion .content {text-align: left !important;} /* -------------------------------------------- ENGLISCH ----------------------------------------------- */ /* .page-id-2309 #masthead .main-menu {display:none !important;} */ .page-id-2309 #footer {display:none !important;} /* .page-id-2309 .color-site-dark {display:none;} */ /* Mobile-Nav ausblenden */ /* ----------------------------------------------------------------------------------------------------- */ table.aligncenter {color:#000000;} .single-box {margin-bottom:0px;} /* Abstand Inner-Content 2 Footer */ #open-pageslide, #close-pageslide {text-align: center;} /* Center Mobile Menu Icon */ #open-pageslide {padding:25px;} /* Mobile Menu Icon Abstand oben+unten */ #close-pageslide {display:none;} #pageslide .menu li a {padding: 1.5em 2em;font: normal 12px/1.5em Arial, Helvetica, sans-serif;} #masthead #branding {margin:50px auto;} /* Logo Abstand oben + unten */ #content {margin-top:50px; margin-bottom:50px;} /* Content Abstand zu Menu + Footer */ #masthead .main-menu > ul > li > a:hover {color:#ffffff;} /* Main Menu Hover Color */ #masthead .main-menu > ul > li.current-menu-item a {color:#ffffff;} /* Main Menu Current Color */ #masthead .main-menu > ul > li:after {content:"●"; font:normal 12px/18px Arial; margin-top:18px;} /* Main Menu Divider Symbol */ .home-section .section-header .title span, .single-title span, .sc-title .title span, .page-title span {background:#a63d37;} /* Title Background Red */ .home-section .section-header .title, .single-title, .sc-title .title, .page-title {background:url("images/section-header.png") repeat-x 0 50%; margin-bottom:55px;} /* Title Horizontal Lines */ .sub-title {color:#ffffff;} /* Sub-Title Font Color */ .title, .single-title span, .page-title span {letter-spacing:0.2em; color:#ffffff;} .sc-title .title {font-size:30px !important; color:#000000;} /* Heading Font-Size ab H2 */ .sc-title h2.title {background:url("images/section-header-black.png") repeat-x 0 50%; margin-bottom:55px !important;} /* Heading Line ab H2 */ .posts-slider .flex-prev, .posts-slider .flex-next {border-radius:10px;} /* Slider Navigation Buttons */ .posts-slider .flex-prev:hover, .posts-slider .flex-next:hover {box-shadow:none; text-shadow:none; background:#a63d37; color:#ffffff; border-radius:10px;} /* Slider Navigation Buttons */ .posts-slider .read-more {border-radius:10px;} /* Slider Link Buttons */ .posts-slider .read-more:hover {box-shadow:none; background:#a63d37; border-radius:10px;} /* Slider Link Buttons */ /* .posts-slider .entry-header a {color: #a63d37; text-shadow: 3px 3px 0 #ffffff;} */ /* .posts-slider .entry-header .read-more {border-color: #a63d37;} */ /* .read-more:hover, input[type="submit"]:hover {box-shadow:0px 0px 0 #000; background:#ffffff;} */ body {color:#ffffff;} /* Fließtext */ .entry-media {display:none;} /* Hide Beitragsbild */ .entry-meta {display:none !important;} /* Hide Category and Date */ .message {display:none;} /* Hide Massage: Comments are closed */ .single .entry-content ul {padding-left:18px;} /* Liste */ .single .entry-content li {margin-bottom:0px; padding-left:0px;} /* Liste */ .single .entry-content h2 {font-size:30px;} /* Beitrag Heading Font-Size ab H2 */ .sc-accordion .trigger {color:#ffffff; border-top:1px solid #CC7070; border-bottom:1px solid #CC7070; background:none; padding:20px 0 20px 0px; text-align:center;} /* Accordion */ .sc-accordion .trigger:hover {color:#000000;} /* Accordion */ .sc-accordion .trigger.active {color:#000000; border-bottom:1px dotted #000000; font-weight:bold; background:none;} /* Accordion */ .sc-accordion .content {color:#000000; padding:20px 0 20px 0px; text-align:center;} /* Accordion */ .sc-accordion .trigger:after, .sc-accordion .trigger.active:after {display:none;} .entry-image {background-color:#a63d37 !important;} /* Hover Color for Images */ .entry-title a:hover {color:#ffffff;} /* Post Entry Titles Hover Color */ .entries .entry-title {letter-spacing:0.1em; font-size:30px;} /* Post Entry Titles Letter Spacing */ .category-blog .entry-title {letter-spacing:0em; font-size:24px; text-transform:none;} /* Post Entry Titles Letter Spacing @ Category-Blog */ /* .category-blog .entry-image {display:none;} */ /* Post Entry Image Hide @ Category-Blog */ .category-blog .single-title span {letter-spacing:0em; font-size:30px} /* Post Title @ Category-Blog */ .sc-columns div.col img {width:auto;} /* Prevent Image Scale to 100% width */ .widget_nav_menu li {text-align:center; font-size:14px;} /* Footer Widget Navigation */ .widget_nav_menu li a:hover {color:#ffffff;} /* Footer Widget Navigation */ .footer-sidebar .widget {border-style:solid; border-color:#555555} /* Footer Trennlinie */ .widget h3 {font-size:24px; font-weight:bold; line-height:28px;} /* Footer Heading */ .sc-infobox {margin-top:10px;} /* Infobox Abstand oben */ .sc-box.content-white .inner:hover, .sc-box.content-black .inner:hover {opacity:1.0;} /* Infobox Mouse-Hover deactivate */ .bg-lightred {background-color:#cc7a67 !important;} /* Infobox Light-Red */ .bg-lightred .border {border:1px solid #913530 !important;} /* Infobox Light-Red Border */ .bg-lightred .sep {background-color:#913530 !important;} /* Infobox Light-Red Trennlinie */ .bg-lightred h2 {color:#913530 !important;} /* Infobox Light-Red Heading */ .bg-lightred span {color:#913530;} /* Infobox Light-Red Content */ .bg-lightorange {background-color:#d5a156 !important;} /* Infobox Light-Orange */ .bg-lightorange .border {border:1px solid #913530 !important;} /* Infobox Light-Orange Border */ .bg-lightorange .sep {background-color:#913530 !important;} /* Infobox Light-Orange Trennlinie */ .bg-lightorange h2 {color:#913530 !important;} /* Infobox Light-Orange Heading */ .bg-lightorange span {color:#913530;} /* Infobox Light-Orange Content */ .sc-separator {margin:30px 0 30px;} /* Separator */ .sc-separator.type-thin {border-top:1px dotted #000000;} /* Separator */ .sc-separator.type-space {margin:30px 0 30px;} /* Separator */ .sidebar {background:#963732; margin-left:25px; padding:35px 30px 45px 30px; border:0px dotted #262626;} /* Widget Sidebar */ .widget_nav_menu li {padding-top:10px; padding-bottom:10px; border-top-style:dotted;} /* Widget Sidebar */ .widget h3 {margin-bottom:20px;} /* Widget Sidebar */ .subheading {margin-top:-50px; margin-bottom:50px; color:#000000;} /* Subheading Abstände Oben Unten */ .sub-title {color:#000000;} .title-text h2 {font-size:30px;} .page .page-content h2 {font-size:24px; line-height:20px;} span.wpcf7-not-valid-tip {background:#c9725e; color:#000000; padding-top:10px;} /* Kontaktformular Pflichtfelder highlight */ .wpcf7-form input {margin-bottom:-10px;} /* Kontaktformular */ .wpcf7-form textarea {margin-bottom: 10px;} /* Kontaktformular */ input[type="submit"] {border:3px solid #ffffff; color:#ffffff;} /* Kontaktformular */ input[type="submit"]:hover {background:#000000;} /* Kontaktformular */ div.wpcf7-validation-errors {border:none;} /* Kontaktformular */ div.wpcf7-response-output {margin:0; padding:0;} /* Kontaktformular */ div.wpcf7-mail-sent-ok {border:none;} /* Kontaktformular */ .mymail-form input.required {color:#000000 !important;} /* Newsletter */ .mymail-form .submit-button {margin-top:25px !important;} /* Newsletter */ .mymail-form .mymail-form-info.error {background:#c9725e !important; border:none !important; color:#000000;} /* Newsletter Fehlerausgabe */ .mymail-form .mymail-form-info.error ul li {margin-bottom:0px !important;} /* Newsletter Fehlerausgabe */ .mymail-form .mymail-form-info {border-radius:0px !important; padding:5px 10px !important; margin-bottom:0px !important;} /* Newsletter Fehlerausgabe Box */ .mymail-form .mymail-form-info ul {padding-left:0px !important;} /* Newsletter Fehlerausgabe Box */ .mymail-form .mymail-form-info ul li {padding-left:0px !important;} /* Newsletter Fehlerausgabe Box */ .mymail-form .mymail-form-info.success {background:#c9725e !important; border:none !important; color:#000000;} /* Newsletter Erfolg */ .footer-sidebar .widget {padding:50px 0;} /* Footer Widget Abstand Widget-Elemente oben/unten */ .textwidget p {font-size: 115%;} /* Footer Widget Font Size*/ .sc-button {transition:none; -moz-transition:none; -webkit-transition:none; border-radius:10px;} .sc-button:hover {background:#ffffff; opacity:1;} .sc-button:hover span {color:#a63d37;} .btnhome {padding:1.2em 1.5em; line-height: 0.9em; font-weight:bold; white-space:nowrap; border:solid 3px #ffffff; background:none; color:#ffffff; margin-top:20px; font-size:16px;} .btnhome:hover {color:#a63d37;} table tr:nth-of-type(odd) {background:none;} table td {padding:0px 10px 0px 10px;} table td.left {text-align:right; font-weight:bold;} table td.right {text-align:left;} .article.error404 img, .post.error404 img {max-width:200px !important;} /* 404-Seite */ .article.error404 h1, .post.error404 h1 {color:#d39e9b !important; font-size:36px !important;} /* 404-Seite */ /* Mobile Menu */ .csstransforms3d.csstransitions.js-nav #inner-wrap {-webkit-transform: translate3d(100%,0,0) scale3d(1,1,1); -moz-transform: translate3d(100%,0,0) scale3d(1,1,1); -ms-transform: translate3d(100%,0,0) scale3d(1,1,1); -o-transform: translate3d(100%,0,0) scale3d(1,1,1); transform: translate3d(100%,0,0) scale3d(1,1,1);} .js-ready #pageslide {width:100%;} #pageslide .menu li a {text-align:center; font:normal 16px/1.5em Arial, Helvetica, sans-serif;} /* Font Size @ Mobile Menue*/ #pageslide .block {border-bottom-width:1px;} #pageslide .menu li.current-menu-item:after {top:35%; border-top: 1.2em transparent solid; border-bottom: 1.2em transparent solid; border-right: 1.2em white solid;} /* Media Queries */ @media only screen and (max-width: 800px) { .page-title, .single-title, .section-header .title, .posts-slider .entry-title {font-size: 36px;} #content {margin-top:10px;} /* Title Size @ Mobile */ .sidebar {display:none;} .logo img {width:240px;} .custom-gallery .gallery-item, .custom-gallery .gallery-item:not(:nth-child(4n+1)) {margin:0 0 20px;} /* Space between images @ Mobile */ .posts-slider .entry-header h2 {display:none;} /* Hide Slider Text @ Mobile */ .modern .posts-slider figure:before {display:none;} /* Hide Slider BG-Color Fade @ Mobile */ .footer-sidebar .widget {border-top:none;} } @media only screen and (min-width: 801px) and (max-width: 959px) { .page-title, .single-title, .section-header .title, .posts-slider .entry-title {font-size: 50px;} #content {margin-top:10px;} /* Title Size @ Mobile */ #masthead .main-menu > ul > li > a {font-size:0.97em; letter-spacing:0.1em; padding:18px 7px 15px 10px;} /* Main Menu Font Size @ Mobile */ #content {margin-top:50px;} /* Content Abstand zu Menu */ } @media only screen and (min-width: 960px) and (max-width: 1199px) { #masthead .main-menu > ul > li > a {font-size:1.0em;} /* Main Menu Font Size @ Mobile */ } @media only screen and (min-width: 1200px) { #masthead .main-menu > ul > li > a {font-size:1.2em;} /* Main Menu Font Size @ Mobile */ } ul#menu-anwesenheit-1.menu .nohover a:hover {color:#8c919b !important; cursor:default !important} /* Anwesenheit - Dummy Links */ ul#menu-anwesenheit.menu .nohover a:hover {color:#000000 !important; cursor:default !important} /* Anwesenheit - Dummy Links */ .entry-image.inview, .entry-image { opacity: 1; }