[php]
/*
Theme Name: Attitude Child
Theme URI: https://lebenserfolg-boettcher.berlin/
Description: Attitude Child Theme
Author: Ingo Dinger
Author URI: https://kreativstapler.de/
Template: attitude
Version: 1.0
License: GNU General Public License v2 or later
License URI: http: //www.gnu.org/licenses/gpl-2.0.html
Tags: Attitude Child Theme
*/
[/php]


/* Let's start adding our own styles here. Use !important to overwrite styles if needed.
___________________________________________________________________________________________*/


/* >> Customizing with self-hosted fonts.*/

/* nunito-regular - latin >> rounded font */
@font-face {
  font-family: 'Nunito' !important;
  font-style: normal;
  font-weight: 400;
  src: url('../child-fonts/nunito-v16-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../child-fonts/nunito-v16-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../child-fonts/nunito-v16-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../child-fonts/nunito-v16-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../child-fonts/nunito-v16-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../child-fonts/nunito-v16-latin-regular.svg#Nunito') format('svg'); /* Legacy iOS */
}

/* nunito-sans-regular - latin >> regular */
@font-face {
  font-family: 'Nunito Sans' !important;
  font-style: normal;
  font-weight: 400;
  src: url('../child-fonts/nunito-sans-v6-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../child-fonts/nunito-sans-v6-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../child-fonts/nunito-sans-v6-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../child-fonts/nunito-sans-v6-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../child-fonts/nunito-sans-v6-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../child-fonts/nunito-sans-v6-latin-regular.svg#NunitoSans') format('svg'); /* Legacy iOS */
}

/* nunito-sans-italic - latin >> regular */
@font-face {
  font-family: 'Nunito Sans' !important;
  font-style: italic;
  font-weight: 400;
  src: url('../child-fonts/nunito-sans-v6-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../child-fonts/nunito-sans-v6-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../child-fonts/nunito-sans-v6-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../child-fonts/nunito-sans-v6-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../child-fonts/nunito-sans-v6-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../child-fonts/nunito-sans-v6-latin-italic.svg#NunitoSans') format('svg'); /* Legacy iOS */
}

/* source-serif-pro-regular - latin */
@font-face {
  font-family: 'Source Serif Pro' !important;
  font-style: normal;
  font-weight: 400;
  src: url('../child-fonts/source-serif-pro-v10-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../child-fonts/source-serif-pro-v10-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../child-fonts/source-serif-pro-v10-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../child-fonts/source-serif-pro-v10-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../child-fonts/source-serif-pro-v10-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../child-fonts/source-serif-pro-v10-latin-regular.svg#SourceSerifPro') format('svg'); /* Legacy iOS */
}

/* source-serif-pro-italic - latin */
@font-face {
  font-family: 'Source Serif Pro' !important;
  font-style: italic;
  font-weight: 400;
  src: url('../child-fonts/source-serif-pro-v10-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../child-fonts/source-serif-pro-v10-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../child-fonts/source-serif-pro-v10-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../child-fonts/source-serif-pro-v10-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../child-fonts/source-serif-pro-v10-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../child-fonts/source-serif-pro-v10-latin-italic.svg#SourceSerifPro') format('svg'); /* Legacy iOS */
}

/* >> Global rules */

/* At first let's put some more magic and individual design into the theme */

/* Activate smooth scrolling */
html {
  scroll-behavior: smooth;
}
@media (prefers-reduced-motion: reduce) {
  html{
    scroll-behavior: auto;
  }
}

/* Define margin-top for smooth scrolling */
*[id] {
    scroll-margin-top: 50px

}

/* Special effects like Zoom and Parallax for pictures integrated with the Gutenberg-Editor */
.entry-content figure[class*="wp-block-image"] {
    position: relative;
    overflow: hidden;
}
.entry-content figure[class*="wp-block-image"] img[class*="wp-image-"] {
    display: block;
    width: 100%;
    height: auto;
    transition: transform 0.5s;
}
.entry-content figure[class*="wp-block-image"]:hover img[class*="wp-image-"] {
    transform: scale(1.02);
}

/* Horizontal Line */
hr {
    border: 0 !important;
    height: 1px !important;
    width: 30% !important;
    margin-left: auto !important;
    margin-right: auto !important;
	margin-top: 30px !important;
	margin-bottom: 50px !important;
    background: #646363 !important;
    background-image: linear-gradient(to right, #ffffff, #646363, #ffffff) !important;
}

/* Colored frame */
.frame {
  border: 2px solid #21b5ea;
  padding: 10px;
}
.center {
  text-align: center;
}

/* Define our standard font */
body, input, textarea, select {
	font: 14px 'Source Serif Pro' !important;
	line-height: 21px !important;
	word-wrap: break-word;
}

/* Individual headings */
h1  {
	font-family: 'Nunito' !important;
	font-style: normal !important;
	font-weight: 400 !important;
	color: #21b5ea !important;
	text-transform: none !important;
}
h2  {
	font-family: 'Nunito Sans' !important;
	font-weight: 400 !important;
	color: #21b5ea !important;
	text-transform: none !important;	
}
h3, h4, h5, h6 {
	font-family: 'Nunito Sans' !important;
	font-weight: 400 !important;
	color: #646363 !important;
	text-transform: none !important;	
}
h1 {
	font-size: 27px !important;
	line-height: 36px !important;
}
h2 {
	font-size: 21px !important;
	line-height: 28px !important;
}
h3, h4, h5 {
	font-size: 18px !important;
	line-height: 24px !important;
}
h6 {
	font-size: 15px !important;
	line-height: 20px !important;
	text-transform: none !important;
}

/* Text elements */
p {
	font-family: 'Source Serif Pro' !important;
	font-size: 14px !important;
	color: #646363 !important;
	margin-bottom: 15px;
}

/* Individual figcaptions */
figcaption {
	font-family: 'Nunito Sans' !important;
	font-style: italic !important;
	font-weight: 400;
	color: #646363 !important;
	text-transform: none !important;
}

/* Individual forms */
input[type="reset"],
input[type="button"],
input[type="submit"] {
	font-family: 'Nunito' !important;
	font-size: 18px !important;
	line-height: 24px !important;
	text-transform: none !important;
	border: none !important;
	padding: 1px 20px 0px  !important;
	background: #21b5ea !important;
	background: rgba(33, 181, 234, 1) !important;
}
input,
textarea {
	-webkit-border-radius: 0px !important;
	-moz-border-radius: 0px !important;
	border-radius: 0px	!important;
}
input[type="reset"]:hover, 
input[type="button"]:hover, 
input[type="submit"]:hover {
	color: #fff !important;
	opacity: 0.9 !important;
	-moz-opacity: 0.9 !important;
	filter:alpha(opacity=90) !important;
}
input[type="reset"]:focus, 
input[type="button"]:focus, 
input[type="submit"]:focus {
	color: #fff !important;
}
input[type="reset"]:active, 
input[type="button"]:active, 
input[type="submit"]:active {
	color: #fff !important;
}

/* Individual button */
.wp-block-button__link {
	-moz-appearance: none !important;
	-webkit-appearance: none !important;
	appearance: none !important;
	-moz-box-sizing: border-box !important;
	-webkit-box-sizing: border-box !important;
	box-sizing: border-box !important;
	-moz-border-radius: 0px !important;
	-webkit-border-radius: 0px !important;
	border-radius: 0px !important;
}
.wp-block-button__link {
	font-family: 'Nunito' !important;
	font-size: 18px !important;
	line-height: 24px !important;
	text-transform: none !important;
	border: none !important;
	color: #fff !important;  
	display: inline-block !important;
	height: 40px !important;
	width: 100% !important;
	margin-bottom: 30px !important;
	padding: 2px 20px 0px !important;
	cursor: pointer !important;
	margin-top: 5px !important;
	background-color: #f9f9f9 !important;
	background: #21b5ea !important;
	background: rgba(33, 181, 234, 1) !important;
}
.wp-block-button__link:hover {
	color: #fff !important;
	opacity: 0.9 !important;
	-moz-opacity: 0.9 !important;
	filter:alpha(opacity=90) !important;
}
.wp-block-button__link:focus {
	color: #fff !important;
}
.wp-block-button__link:active {
	color: #fff !important;
}

/* Links */
a {
	color: #646363 !important;
	text-decoration: none;
}
a:focus, a:active, a:hover {
	color: #F7A600 !important;
	text-decoration: none;
} 

ul li.current_page_item > a {
	color: #21b5ea !important;
}
a.body {
	text-decoration: none;
	border-bottom: .1em dotted #F7A600;
}

/* Readmore */
a.readmore {
   border: 1px solid #0062a7 !important;
   color: #fff;
	display:inline-block;
   padding: 5px 25px 0;
	-webkit-border-radius: 0px !important;
	-moz-border-radius: 0px !important;
	border-radius: 0px !important;
	padding: 1px 8px 2px;
	float: right;
	background: #a2d6f5;
	background: -webkit-linear-gradient(#a2d6f5, #21b5ea) !important;
	background: -moz-linear-gradient(#a2d6f5, #21b5ea) !important;
	background: -ms-linear-gradient(#a2d6f5, #21b5ea) !important;
	background: -o-linear-gradient(#a2d6f5, #21b5ea) !important;
	background: -webkit-gradient(#a2d6f5, #21b5ea) !important;
	background: linear-gradient(#a2d6f5, #21b5ea) !important;
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);	
}
a.readmore:hover {
	background: -webkit-linear-gradient(#a2d6f5, #21b5ea) !important;
	background: -moz-linear-gradient(#a2d6f5, #21b5ea) !important;
	background: -ms-linear-gradient(#a2d6f5, #21b5ea) !important;
	background: -o-linear-gradient(#a2d6f5, #21b5ea) !important;
	background: -webkit-gradient(#a2d6f5, #21b5ea) !important;
	background: linear-gradient(#a2d6f5, #21b5ea) !important;
}

/* Back to Top */
.back-to-top {
	position: fixed;
	bottom: 30px;
	right: 30px;
	z-index: 1;
}
.back-to-top a {
	font-family: 'Nunito Sans', sans-serif !important;
	background-color: rgba(255, 255, 255, 0.8) !important;
	color: #21b5ea !important;
}
.back-to-top a:before {
	content: '\005E' !important; /* Unicode-Wert des Zirkumflex-Akzents */
	font-size: 24px !important;
	line-height: 40px !important;
}

/* >> Header */

#site-title {
	font: 36px 'Nunito' !important;
  	line-height: 42px;
}
#site-title a {
	color: #646363 !important;	
}
#site-title a span, #site-title a:hover, #site-title a:focus, #site-title a:active {
	color: #21b5ea !important;
}
#site-description {
	font: 14px 'Source Serif Pro' !important;
	line-height: 21px !important;
	color: #646363 !important;
}

/* >> Menu */

/* Main Menu*/
#access {
	border-top: 1px solid #fff !important;
	border-bottom: none !important;
}
#access ul {

}
#access li {
	float: left;
	position: relative;
	padding: 0 20px 0 0;
}
#access a {
	color: #646363 !important;
	display: block;
	float: left;
	font: 14px 'Nunito' !important;
	text-transform: none !important;
	padding: 16px 0 0;	
	height: 39px;
} 
#access ul li.current-menu-item > a, 
#access ul li.current_page_ancestor > a, 
#access ul li.current-menu-ancestor > a, 
#access ul li.current_page_item > a  {
	color: #21b5ea !important;
}
#access ul li:hover > a {
	color: #F7A600 !important;
	text-transform: none !important;
}

/* Dropdown */
#access ul li ul {
	position: absolute;
	background-color: #fff;
	border-top: 4px solid #21b5ea !important;
	top: 55px;
	left: 0px;
	width: 190px;
}
#access ul li.current_page_item ul li a {
	float: none;
	line-height: 21px;
	font-size: 14px !important;
	font-weight: normal;
	height: 100%;
	padding: 6px 10px;
	text-transform: none !important;
}
#access ul li ul li a:hover, #access ul li ul li:hover > a, #access ul li.current-menu-item ul li a:hover {
	background-color: #F9F9F9;
	color: #21b5ea;
}
/* Slogan */
.slogan-wrap {	
	font-family: 'Nunito Sans' !important;
	background-color: #646363;	
	padding: 24px 0;
	margin-bottom: 4px;
	box-sizing: border-box;	
}
.slogan-wrap .slogan span {
	font: 14px 'Source Serif Pro' !important;
	line-height: 20px;
	display: block;
	padding-top: 5px;
}

/* >> Slider */

/* Basics */
.featured-text {
	display: none !important;
}
.featured-text .featured-title {
	display: none !important;
}
.featured-text .featured-title a {
	display: none !important;
}
.featured-text .featured-content {
	display: none !important;	
}

/* Controllers */
#controllers {
	text-align:center;
	line-height:0;
	position: absolute;
	width: 100%;
	bottom: 20px !important;
	z-index: 9999;
}
#controllers a {
	width: 14px;
	height: 14px;
	margin: 0 4px;
	overflow:hidden;
	display:inline-block;
	background-color: #646363 !important;	
	-webkit-border-radius: 0px !important;
	-moz-border-radius: 0px !important;
	border-radius: 0px !important;
	color: #646363 !important;
}
#controllers a:hover, #controllers a.active {
	background-color: #21b5ea !important;
	color: #21b5ea !important;
}

/* Hide the controllers on mobile web */
@media only screen and (max-width: 1078px) {
#controllers {
display: none !important; 
}

/* >> Videos */

/* Emebedding vids responsively for mobile devices */
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0;
    height: 0;
    overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* >> Content */

#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 {
    padding-bottom: 15px;
}

#content h1 {
	font-family: 'Nunito' !important;
	font-style: normal;
	font-weight: 400;
	color: #21b5ea !important;
	text-transform: none !important;
}

#content h2, #content h3, #content h4, #content h5, #content h6 {
	font-weight: 400 !important;
	font-family: 'Nunito Sans' !important;
	color: #646363 !important;
	text-transform: none !important;	
}

#content body, #content p, #content textarea, #content select {
	font: 14px 'Source Serif Pro' !important;
	color: #646363 !important;
	line-height: 21px !important;
	word-wrap: break-word;
}

#content ul a, #content ol a {
	color: #646363 !important;
}
#content ul a:hover, #content ol a:hover {
	text-decoration: none;
	color: #f7a600 !important;
}
#content .service-item .service-title {
	font-size: 20px;
	line-height: 25px;
	color: #646363 !important;
	display: block;
	overflow: hidden;
	padding-top: 7px;
	padding-bottom: 0;
}
.page-title {
	font-size: 27px !important;
	line-height: 36px !important;
	color: #646363 !important;
}
.page-title a {
	color: #21b5ea !important;
}
.entry-title {
	font: 'Nunito' !important;
	font-size: 27px !important;
	line-height: 36px !important;
}
.entry-title,
.entry-title a {
	color: #21b5ea !important;
}
.entry-title a:hover,
.entry-title a:focus,
.entry-title a:active {
	color: #21b5ea !important;
}
.entry-meta a {
	color: #646363 !important;
}
.entry-meta a:hover {
	color: #21b5ea !important;
}
.tags a:hover {
	color: #21b5ea !important;
}

/* Custom Gallery Page */
.custom-gallery #main {
	padding-bottom: 20px;
}
#content .custom-gallery-title, 
.custom-gallery-title a {
   font-size: 20px;
	text-align: center;
	line-height: 25px;
	color: #646363 !important;
	padding-bottom: 0;
}
.custom-gallery-title a:hover {
   color: #21b5ea !important;
}

/* >> Widgets */

.widget ul li a {	
	color: #646363 !important;
}
.widget ul li a:hover {	
	color: #F7A600 !important;
}
.widget-title {
    font-size: 18px !important;
    line-height: 24px !important;
    padding-bottom: 12px !important;
}
.widget-title, .widget-title a {
	color: #646363 !important;
}
.widget-title a:hover {
	color: #F7A600 !important;
}

/* Widget Nav Menu */
.widget_nav_menu ul li.current_page_item > a,
.widget_nav_menu ul li.current_page_ancestor > a,
.widget_nav_menu ul li.current-menu-item > a,
.widget_nav_menu ul li.current-menu-ancestor > a {
	color: #21b5ea !important;	
}

/* Widget Pages */
.widget_pages ul li.current_page_item > a,
.widget_pages ul li.current_page_ancestor > a {
	color: #21b5ea !important;
}

/* Site Generator */
#site-generator {	
	padding: 20px 0px;	
	border-top: 1px solid #eaeaea; 
	color: #646363 !important;
}

/* >> Footer */

#colophon .widget-title {
   text-transform: none !important;
   font-size: 18px;
   line-height: 24px;
}
	
/* >> Responsive Navigation */

.menu-toggle {
	display: block;
	background-color: rgba(0, 0, 0, 0);
	font-size: 0;
	border: 0 none;
	padding: 0;
	color: #646363 !important;
	width: 24px;
	height: 21px;
	float: right;
	margin-top: 3px;
	cursor: pointer;
}