/*
Theme Name: AFKUD Child Theme
Theme URI: http://www.afkud.de
Description: This is a custom child theme for AFKUD
Author: Thomas Wengel
Author URI: http://www.afkud.de
Template: afkud
Version: 0.1
*/


/* #################### SITEWIDE COLORS ################################################################################################################## */

/* Red      #af1455 */
/* Grey	    #343434 */
/* DarkGrey	#1c1c1c */


/* .wpb_row.full-width-section, .wpb_row.full-width-content {margin-bottom:-1px;}  */                                    /* ### HORIZONTAL BORDER FIX  ### */
   div#header-outer {box-shadow: none !important;}                                                                       /* ### DISABLE HEADER SHADOW  ### */

/* #################### COOKIES NOTICE ################################################################################################################### */

   #cookie-notice .cn-button       {background:#af1455 !important; border:none; color:#ffffff; text-shadow:none;}
   #cookie-notice .cn-button:hover {background:#ffffff !important; color:#af1455 !important;}

   

/* #################### MAIN MENU ######################################################################################################################## */

/* Navigation not sticky */

   #header-outer {position:absolute !important;}

/* Down Arrow for Sub-Menu */

  .sf-sub-indicator [class^="icon-"] {font-size:22px;}

/* #################### MEGA MENU ######################################################################################################################## */

/* Overall Styling */

   header#top nav > ul > li.megamenu > ul.sub-menu             {padding:40px 0 50px 0; display:flex; align-items:center; justify-content:center;}
   header#top nav > ul > li.megamenu > ul.sub-menu > li > a    {font-size:18px !important; font-weight:700;}
   header#top nav > ul > li.megamenu > ul.sub-menu .sf-with-ul {color:#ffffff !important;}
   header#top nav > ul > li.megamenu > ul > li                 {border-right: 1px solid rgba(255, 255, 255, 0.25);}

/* Current Menu Item - Background and Hover Color */

/*   header#top nav .sf-menu .megamenu li.current-menu-item > a       {background-color:#111111 !important;} */
/*   header#top nav .sf-menu .megamenu li.current-menu-item > a:hover {background-color:#999999 !important;} */

/* #################### MOBILE - NAVIGATION ############################################################################################################## */

   #mobile-menu #mobile-search {display:none;}
   #mobile-menu ul li a        {font-size:20px; font-weight:bold; text-transform:uppercase;}

/* Down Arrow for Sub-Menu */

   @media only screen and (max-width: 1000px) and (min-width: 1px){
   .sf-sub-indicator [class^="icon-"] {font-size:25px;}
   .icon-angle-down:before {content:"\f067";}                                                   /* Plus Sign */
   body #mobile-menu li.open > a .icon-angle-down:before {content:"\f068" !important;}}         /* Minus Sign */

/* #################### MOBILE - CONTENT TOP POSITION #################################################################################################### */

   @media only screen and (max-width: 1000px) and (min-width: 1px){
   .main-content {top:60px !important;}}

/* #################### MOBILE - FOOTER HEIGHT ########################################################################################################### */

   @media only screen and (max-width:1000px) and (min-width:1px){
   #footer-outer {padding-top:50px !important;}}

   @media only screen and (max-width:1150px) and (min-width:1px){
   #footer-outer #copyright .col {width:100% !important;}}

/* Blog - Footer */

   @media only screen and (max-width:1000px) and (min-width:1px){
   .blog #footer-outer, .single-post #footer-outer, .category #footer-outer {padding-top:0px !important;}}

/* #################### ALL PAGES ######################################################################################################################## */

/* Animated titles with border radius */

   .nectar-animated-title[data-style="color-strip-reveal"] .nectar-animated-title-inner:after {border-radius:10px !important;}

   .gender {font-size:80%; font-style:italic;}


/* #################### HOMEPAGE ######################################################################################################################### */

/* Hide Page Header and Footer */

   .page-id-5 #header-space, .page-id-5 #header-outer {display:none;}
   .page-id-5 #header-secondary-outer                 {display:none;}
   /* .page-id-5 #footer-outer                        {display:none;} */

/* Hide Top-Navigation-Container on Mobile */

   @media only screen and (max-width: 1000px) and (min-width: 1px){
   .container-wrap {margin-top:-60px !important; padding-top:0px !important;}
   #header-space   {margin-top:-55px;}}

/* Top-Navigation below Logo - Page Submenu */

   .page-submenu li a              {font-weight:bold; text-transform:uppercase; opacity:0.5;}
   .page-submenu .mobile-menu-link {font-weight:bold; text-transform:uppercase; border:none;}
   .page-submenu.stuck             {top:0px !important;}

   @media only screen and (max-width: 1000px) and (min-width: 1px){
   body .page-submenu ul li a {padding: 20px 20px!important;}}

/* SVG-Graphics */

   .svg-logo-home       {width:500px !important;}
   .svg-icon-home       {width:125px !important;}
   .svg-graphics-rocket {width:125px !important;}
   .svg-graphics-tree   {width:500px !important;}

/* Nectar Fancy Unordered List - Links */

   .leistungen .nectar-fancy-ul a       {color:#ffffff; padding:3px 10px;}
   .leistungen .nectar-fancy-ul a:hover {background-color:#343434;}

   .zielgruppen .nectar-fancy-ul a       {color:#ffffff; background-color:#c91661; padding:3px 8px; margin-left:5px;}
   .zielgruppen .nectar-fancy-ul a:hover {color:#ffffff; background-color:#343434;}

/* Mouse Based Parallax Scene */

   .wpb_row .nectar-parallax-scene div {width:100%; margin:0;}

   @media only screen and (max-width: 1200px) and (min-width: 1px){
   .wpb_row .nectar-parallax-scene div {width:120%; margin-left:-10%}}

/* #################### PAGE - LEISTUNGEN ################################################################################################################ */

/* SVG-Graphics */

   .svg-graphics-leistungen {width:1400px !important;}

/* Nectar Fancy Unordered List - Links */

   .leistungen-2 .nectar-fancy-ul a       {color:#343434; padding:3px 10px;}
   .leistungen-2 .nectar-fancy-ul a:hover {color:#343434; background-color:#cccccc;}

/* #################### PAGE - AFKUD ##################################################################################################################### */

/* SVG-Icons */

   .svg-icon-afkud {width:100px !important; height:100px !important;}

/* Progress Bar - Percentage */

   .nectar-progress-bar span strong {display:none;}

/* Progress Bar - Remove Background */

   .nectar-progress-bar .bar-wrap {background:transparent; border:none; box-shadow:none;}

/* Milestone - Text Align Left */

   .milestone-left .nectar-milestone {text-align:left !important;}

/* #################### PAGE - KONTAKT ################################################################################################################### */

/* Link Mail-Adresse */

   .link-contact-mail a       {color:#ffffff;}
   .link-contact-mail a:hover {background-color:#af1455; padding:3px 8px; margin-left:-8px;}

/* Contact-Formular */

   input, textarea                                                                                {font-size:100% !important; color:#af1455 !important;}
   body[data-form-style="minimal"] .span_12.light .minimal-form-input label span.text .text-inner {font-size:18px !important; color:#222222 !important;}
   body[data-form-style="minimal"] .minimal-form-input label:before                               {border-bottom: 1px solid #ffffff !important;}

   input[type=submit]       {color:#222222 !important; background-color:transparent; border:3px solid #222222; margin-top:20px;}
   input[type=submit]:hover {color:#ffffff !important; border:3px solid #af1455;}

   .wpcf7 .wpcf7-response-output {display:none !important;}
   div.wpcf7 img.ajax-loader     {display:none !important;}

   html body .wpcf7-form .wpcf7-not-valid-tip {font-size:12px; color:#ffffff !important; background-color:#af1455; margin-top:3px;}

   html body .wpcf7-form .wpcf7-not-valid-tip {width:max-content; left:0px;}   /* Datenschutzhinweis */
   span.wpcf7-list-item {margin:25px 0 0 0;}
   body[data-fancy-form-rcs="1"] input[type='checkbox']+label       {color:#000000 !important; font-size:18px !important;}
   body[data-fancy-form-rcs="1"] input[type='checkbox']+label:hover {color:#af1455 !important;}

/* #################### PAGE - IMPRESSUM ################################################################################################################# */

/* Tabelle */

   .main-content table, .main-content table tr:nth-child(2n+1) {background-color:transparent !important; border:none !important; width:auto !important;}
   .main-content td                                            {padding:0 20px 0 0 !important; border:none !important; font-size:inherit !important;}

/* #################### PAGE - DATENSCHUTZ ############################################################################################################### */

   .toggle h3 a {font-size:20px !important; padding:20px 70px 20px 0px !important;}

/* #################### BLOG - OVERVIEW ################################################################################################################## */

   .masonry.classic_enhanced .masonry-blog-item .article-content-wrap {padding:0% 10% 10% 10% !important;}

   .masonry.classic_enhanced .post-header {font-size:0px !important;}                        /* hide date */
   article.post .more-link {display:none !important;}                                        /* hide more link */
   .post-area.masonry.classic_enhanced article.post .post-meta {display:none !important;}    /* hide author */

   .quote-wrap .author {font-size:30px !important; line-height:40px !important;}

   .post-area.masonry.classic_enhanced article.post.wide_tall:not(.format-quote):not(.format-link) .inner-wrap:before, .blog-recent[data-style="classic_enhanced_alt"] .inner-wrap:before {background-color: rgba(0,0,0,0.0);}    /* no color over image */

/* #################### BLOG - CATEGORY ################################################################################################################## */

   html .page-header-no-bg {background-color:#dedede !important;}   /* page bg */
   html .container-wrap    {background-color:#dedede !important;}   /* page bg */

   .row .col.section-title .subheader {display:none !important;}    /* hide subheader */

/* #################### BLOG - SINGLE POST ############################################################################################################### */

   .meta-comment-count          {display:none !important;}
   .nectar-love                 {display:none !important;}
   .single #single-below-header {display:none !important;}

   @media only screen and (max-width:1300px) and (min-width:1px){
   body .row .col.section-title h1, body h1 {font-size:45px !important; line-height:52px !important;}}

/*   @media only screen and (max-width:1300px) and (min-width:1px){
   .container-wrap {padding-top:40px !important;}}   */

/* #################### MOBILE FONTS ##################################################################################################################### */

   @media only screen and (max-width:1300px) and (min-width:1px){
   h3 {font-size:30px !important; line-height:40px !important;}}

/* #################### FOOTER ########################################################################################################################### */

   #footer-outer #footer-widgets {background-color:#1c1c1c;}  

   #footer-outer #footer-widgets .col ul li {border-bottom: 1px solid #444 !important; font-size: 80%;}

   #footer-outer #footer-widgets .col ul li:last-child {border-bottom:none !important;}









/* #################### TEST-SEITE ########################################################################################################################### */

.owl-theme .owl-dots {
    display: none !important;
}
.owl-carousel .owl-stage {
    padding: 0;
}