/*
Theme Name: Suffice Child
Theme URI: https://themegrill.com/themes/suffice/
Author: KR based on ThemeGrill
Author URI: https://themegrill.com
Template: suffice
Description: Suffice is a highly flexible multipurpose WordPress theme that is beautifully crafted with the great attention to details. This theme is not just stunning by its clean and sleek design but is equally powerful by its galore of awe-inspiring features. Integration to SiteOrigin page builder and Suffice Toolkit plugin makes it one of the most customizable and easy to use themes. In addition, it is completely compliant with WooCommerce and uses the best SEO practices for top-notch performance of your website. This theme also offers you a wide range of unique demos from which you can choose any to create your own cutting edge website. Also, Suffice features versatile header styles, advanced color options, multiple widget areas and premium widgets. Hence, with this simple drag and drop theme, you can easily have your site up and running in no time.
Version: 1.0.9
License: GNU General Public License, version 3 (GPLv3)
License URI: http://www.gnu.org/licenses/gpl-3.0.txt
Text Domain: suffice-child
Tags: evaluation, one-column, two-columns, right-sidebar, custom-colors, custom-header, custom-menu, editor-style, featured-images, full-width-template, microformats, post-formats, sticky-post, theme-options, threaded-comments, translation-ready
*/



/*=========  HEADER  ==========*/



/* ----- Header top----- */


.header-top {
	background-color: #445566;
	padding-bottom: 70px;
	padding-left: 20px !important; 
}

/* ---- Farbe der icons im header-top ------*/
.header-info-links {
	color: #ccff99;
}

/* ---- Farbe der schrift im header-top ------*/
.header-info-links li span {
	color: #ffffff;
}


/* ----- Header bottom ----- */

.header-bottom {
	padding-left: 20px !important; 
}

.header-bottom .header-bottom-right-section {
    float: right;
	padding-right: 30px !important; 
}

/* ---- Menü-Schrift im header-bottom------*/

.navigation-default .menu-primary > ul > li.menu-item > a {
	font-size: 14px;
	padding: 30px 10px 30px 10px;
}
.header-bottom a:active {
	color: #6abb20 !important;
} 
.header-bottom a:hover {
	color: #6abb20 !important;
} 
.navigation-default .menu-primary > ul > li.current-menu-item > a, .navigation-default .menu-primary > ul > li.current_page_parent > a, .navigation-default .menu-primary > ul > li.current_page_item > a, .navigation-default .primary-menu > ul > li.current-menu-item > a, .navigation-default .primary-menu > ul > li.current_page_parent > a, .navigation-default .primary-menu > ul > li.current_page_item > a {
    color: #6abb20 !important;
}
.navigation-default .menu-primary > ul > li.current-menu-item > a:hover, .navigation-default .menu-primary > ul > li.current_page_parent > a:hover, .navigation-default .menu-primary > ul > li.current_page_item > a:hover, .navigation-default .primary-menu > ul > li.current-menu-item > a:hover, .navigation-default .primary-menu > ul > li.current_page_parent > a:hover, .navigation-default .primary-menu > ul > li.current_page_item > a:hover {
     color: #6abb20 !important; 
}

/* -----  Menü-Home button  ---funkttioniert nicht- */
/* .nav-menu >.genericon::before {
color:#FFA500;
font-size:28px;
float:left;
margin:5px 10px 0 0;
}
*/



/* ======  FOOTER ======== */


/* ---------- footer top ---------*/

.footer-top {
	background-color: #445566;
	/* padding-right: 20px !important; 
	padding-left: 50px !important;
	margin-left: 50px !important;   */
}
.footer-top a {
	color: #cccccc;
}
.footer-top a:hover {
	color: #559955;
}
.footer-widgets {
	padding-top: 20px;
	padding-right: 80px;
	padding-bottom: 0px;
	padding-left: 80px;
}
/* -----  verschiebt einzelne Textblöcke im footer-top ---- */
/* 2ter Block */
.footer-widgets #text-3 {     
	padding-left: 20px;
}
/* 3ter Block Block */
.footer-widgets #text-5 {
	padding-left: 20px;
}

/* -----  Formatiert Schrift im footer-top ---- */
.footer-widgets .widget .widget-title {
    color: #cccccc !important;
    text-transform: uppercase;
	font-size: 14px;
	text-align: left;
}
.footer-widgets .widget p {
    color: #cccccc !important;
	font-size: 11px;
	line-height: 20px;
}


/* ---  footer-bottom ----- */

.footer-bottom {
	background-color: #26434B;
	padding-right: 20px !important; 
	padding-left: 20px !important; 
}
.footer-bottom .footer-social-links {
	padding-right: 60px !important; 
}
.copyright {
	color: #cbc9cf;
}
.footer-bottom .site-info a {
    color: #cbc9cf;
}
.footer-bottom .site-info a:hover {
    color: #516f8c;
}



/* ======  BODY  ======== */


/* Format Seiten */
.container {
	padding-right: 0px !important; 
	padding-left: 0px !important; 
} 


body {
	font-family: "Open Sans", Helvetica, Arial, sans-serif;
	font-size: 14px;
	line-height: 1.3;
}


/*---------- Headings  ----------*/

/*  Keine automatische Seitenüberschrift */
.entry-title { display:none; }

/*  Falls Seitenüberschrift, Farbe der Schrift  */
/*.hentry .entry-title {
    color: #003366;
} */



/* ===== CONTENT general  ======= */


/*---------- Heading im content ----------*/
.site-content h1, h2, h3, h4, h5 {
	color: #084859 !important;
}
.site-content h2 {
	font-size: 24px !important;
}
/*---------- Schrift im content ------WEG DA ES WIDGETS MIT PAGE BUILDER ÜBERSCHREIBT!??? ----*/
.site-content p {
	color: #424242;
	text-align: left;
} 
/*---------- Link im content ----------*/
.entry-content a {
	color: #6abb20;
}
/*---------- Hover im content ----------*/
.entry-content a:hover {
	color: #559955;
}


/*  ====== PANELS und WIDGETS  ===== */
/* generell bei allen page builder rows Layout/Aussenabstand auf 0 */


/* ----  Widgets haben keinen Rand => im widget selbst definieren ---- */
.site-content .widget {
	color: #424242 !important;
}
/* ----- Format Seitenüberschriften (im Widget) ---- */
.site-content .widget-title {
	color: #424242;
	text-align: center;
}
.kr-text-widget-heading h3 {
	font-size: 24px !important;
	text-align: left !important;
	padding: 30px 0px 0px 60px !important; 
}


/* ======  PAGE HOME ======== */


/* ----------- Reihe 1  |  Weltkugel ---- */
#kr-home-row1 {
	background-color: #0f3c51 !important; 
	padding: 0px 0px 0px 0px !important; 
	/* background-color: #d5dfe3 !important;  */
	/* background-color: #003d4f !important; */
	/* padding: 20px 0px 40px 0px !important; */

}
 
/* #kr-home-row1-widget1 {
	 background-color: #003d4f !important;
 } */
 
/* jhintergrund videoelement wie background Seite*/
.mejs-inner .mejs-mediaelement {
	background-color: #003d4f !important; 
	/* background-color: #648ea2; */
	/* background-color: rgba(0, 0, 0, 0.4) !important; */
	/* background-color: #d5dfe3; */
	/* background-color: #003d4f; */
}
/*---------- Video controls off ----------  */
.mejs-container .mejs-controls {
	visibility: hidden;
}

#kr-home-widget-wordcloud img {
	align: center !important; 
}
 
/* ----------- Reihe 2  |  Text in 3 Spalten ---- */

#kr-home-row2 {
	padding: 40px 60px 20px 60px !important; 
}



/* ======  PAGE PROFILE   ======== */

/* -----  1. Reihe  ----- */

.kr-profile-row1 {
	padding: 0px 50px 0px 0px !important;
} 

/* -----  1. Reihe | Linke Seite ----- */


/*  -----   Bildunterschrift Name ----- */
#kr-profile-text-widget1 p {
	text-align: center !important;
	color: #084859  !important;
	font-size: 16px !important;
	margin-bottom: 0px;
}
/*  -----   Bildunterschrift Description   ----- */
#kr-profile-text-widget2 {
	padding-top: 0px !important;
	padding-left: 40px !important;
	padding-right: 40px !important;
}
#kr-profile-text-widget2 p {
	text-align: center !important;
	color: #084859  !important;
	font-size: 13px !important;
	line-height: 1.4 !important;
	margin-top: 0px !important;
	margin-bottom: 0px !important;
}

/* -----  1. Reihe | Rechte Seite ----- */
.kr-profile-text-widget-right {
	padding-right: 40px !important;
}


/* -----  2. Reihe  ----- */

/*  -----   Background prallax image   ----- funktionniert nicht Segelboot nicht links :/*/
 /* .kr-profile-row-services img {
	background-position: 50% -406.853px !important; 
	background-size: 1386.29px 1567.27px !important; */
   /* align-items: flex-start !important; */  /* (flex-start, left, center) */
/* } */

/*  -----   Format Services Widget links top   ----- */
.kr-profile-services-text-left {
	padding: 0px 40px 0px 60px !important;
}
	/*  -----   Format Services Widget links bottom   ----- */
.kr-profile-widget-citations p {
	text-align: center !important;
	color: #084859 !important;
	font-size: 16px !important;
}
/*  -----   Format Services Liste rechts  ----- */
.kr-profile-services-widget {
	background: rgba(230, 235, 240, .1) !important;
	padding: 30px 60px 0px 40px !important; 
	margin-right: 0px !important;
	margin-bottom: 40px !important;
}
#kr-widget-services-list ul li {
	padding-bottom: 4px !important;  /*Abstand zwischen bullet points */
	color: #084859 !important;
}


/* -----  Reihe 3  ----- */

.kr-services-row-om {
	background-color: #49657b !important; 
}

/* ------  Reihe 3  |  OM/OH widgets links ----- */
.kr-services-widget-om-heading {
	margin: 60px 30px 0px 60px !important; 
	padding-right: 0px !important; 
	padding-bottom: 0px !important; 
}
.kr-services-widget-om-heading p {
	font-size: 22px !important; 
	color: white !important;
}
.kr-services-widget-om {
	margin: 0px 30px 30px 60px !important; 
	padding-top: 0px !important; 
	padding-right: 0px !important; 
	padding-bottom: 20px !important; 
}
.kr-services-widget-om p {
	color: white !important;
}

/* -----  Reihe 3  |  OM/OH  Video right  ----- */
.kr-services-widget-om-heading-video {
	margin: 60px 30px 0px 0px !important; 
	padding: 0px 0px 0px 0px!important; 
}
.kr-services-widget-om-heading-video p {
	font-size: 22px !important; 
	color: white !important;
}
/* Video size see wp text widget - code --- */
.kr-services-widget-om-video  {
	margin: 0px 80px 60px 0px !important; 
	/* box-shadow: 3px 2px 3px #aaa !important; */
}

/* -----  Reihe 4  |  got  to top button  ----- */
 .kr-profile-row-button {
	 background-color: #49657b !important; 
 }


/* ======  PAGE PARTNER  ======== */


#kr-partner-text-widget h3 {
	color: #424242;
	font-size: 24px !important;
	text-align: left !important;
}
#kr-partner-text-widget {
	background: rgba(247, 248, 249, .6) !important;
    padding: 40px 40px 20px 60px !important;
}
#kr-partner-text-widget p {
	line-height: 25px !important; 
}

/* ---- PickPlugin Team Widget --- */

.team-container #team-570 {} 

.team-container #team-570 .team-item {
	width: 250px !important; 
	height: auto !important;  
	/* text-align: left !important; */
} 
.team-container #team-570 .team-thumb {
	width: 150px  !important; 
	text-align: center !important;
	box-shadow: 3px 2px 5px #aaa !important; 
} 
.team-container #team-570 .team-title {
	font-size: 14px !important;
	color: #084859  !important; 
	text-align: left !important;
	padding: 20px 20px 0px 0px !important; 
} 
.team-container #team-570 .team-position {
	font-size: 13px !important;
	color: #424242 !important; 
	padding: 10px 20px 0px 0px !important; 
}
.team-container #team-570 .team-content {
	font-size: 12px !important;
	color: #424242 !important; 
	padding: 0px 20px 0px 0px !important; 
}
.team-container #team-570 .team-content p {
	line-height: 14px !important; 
}
 


/* ======  PAGE PROJECTS  ======== */

/* ---- Reihe 1  |  Intro text --- */

.kr-projects-text-widget h3 {
	color: #424242;
	font-size: 24px !important;
	text-align: left !important;
}
.kr-projects-text-widget {
    padding: 40px 0px 20px 60px !important;
}

/* ----  Format citation --- */
.kr-projects-widget-citations p {
	text-align: right  !important;
	color: #084859 !important;
	font-size: 16px !important;
}

/* ---- Reihe 2, 3, 4  |  projects and testimonials  --- */

/* ----------  projects and testimonials 'Slide Anything' --- */
.kr-projects-row2 h3 {
	color: #424242;
	font-size: 24px !important;
	text-align: left !important;
}
.kr-projects-row2  {
    padding: 0px 40px 0px 60px !important;
}

.kr-projects-container  {
	padding: 0px 0px 0px 0px !important;
}


/* ----------  wordoloud rechts--- */
.kr-projects-wordcloud img {
	float:right; 
	margin: 0px 0px 0px 0px;
}


/* ======  PAGE CONTACT US  ======== */

/* ---- Reihe 1  |  Intro text --- */

.kr-contact-us-row h3 {
	color: #424242;
	font-size: 24px !important;
	text-align: left !important;
}
.kr-contact-us-row  {
    padding: 40px 0px 20px 60px !important;
}

/* ======  PAGE IMPRESSUM  ======== */

/* ---- Reihe 1  |  Intro text --- */

.kr-impressum-row h3 {
	color: #424242;
	font-size: 24px !important;
	text-align: left !important;
}
.kr-impressum-row  {
    padding: 40px 0px 20px 60px !important;
}