/*
Theme Name: My Premium Child Theme
Author: Stefan Mertens
Author URI: http://marketplace8.company.webseiten.cc/
Template: Divi
Version: 1.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/old-licenses/gpl-2.0.en.html
Tags: child theme
*/

/*------------------------------------------------------------------------
------------------------- OVERALL EXPLANATION START-----------------------
----------------------------------------------- --------------------------

In this CSS file you will find all effects and elements listed which has been used in the theme.
Everything is set up to fit perfectly in the design and is fully responsive.

However if you want to change specific things either just go in the element with the Divi Builder
and check the CSS Class or CSS Id to find the element in which you want to change things or read my documentation
where I´ve listed all modules and elements with their CSS Classes and/or CSS Ids.

From my experience most customers only want to change following items:

- font sizes (CSS identifier : font-size)
- font thicknesses (CSS identifier : font-weight)
- font colors (CSS identifier : font-color)
- background colors (CSS identifier : background)
- duration of effect (CSS identifier : animation)
- font style (font-style)

To do this just press STRG + F and search for your element via the CSS Class or CSS Id
then find the item you want to change and change the values there.


--------------------------------------------------------------------------
------------------------- OVERALL EXPLANATION END-------------------------
----------------------------------------------- --------------------------*/



/* push icon */
     #blurb_modules:hover .et-pb-icon {
            -webkit-animation-name: gq_push_icon;
            animation-name: gq_push_icon;
            -webkit-animation-duration: 0.4s;
            animation-duration: 0.4s;
            -webkit-animation-timing-function: linear;
            animation-timing-function: linear;
            -webkit-animation-iteration-count: 1;
            animation-iteration-count: 1;}
 
    @-webkit-keyframes gq_push_icon {
        50% {-webkit-transform: scale(0.5); transform: scale(0.5);}}
    @keyframes gq_push_icon { 
        50% {-webkit-transform: scale(0.5); transform: scale(0.5);}
}

/* rotate icon */
    #blurb_modules_second  .et-pb-icon {
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
}
 
    #blurb_modules_second :hover .et-pb-icon {
        -webkit-transform: rotate(20deg);
        transform: rotate(20deg);
}

/*---------------------------------- defines the font size in the contact form ------------------------------------*/
#et_pb_contact_form_0 p {
color: #fff;
font-size: 20px;
}

/*---------------------------------- disables the dropdown arrow------------------------------------*/
#top-menu .menu-item-has-children > a:first-child:after, #et-secondary-nav .menu-item-has-children > a:first-child:after {
display: none;
}

/*--------------------------- Defines the Person Module in Projects ----------------------------*/
.et_pb_team_member_0 .et_pb_team_member_description {
padding-left: 10px !Important;
padding-right: 10px!Important;
padding-top: 20px !Important;
}

/*---------------------------------- logo overlapps top section------------------------------------*/
.et_pb_section_parallax {
overflow: visible !important;
}

.blog_overlay {
z-index: 99999999999999999999 !Important;
}

/*---------------------------------- general blog design------------------------------------*/
.et_pb_blog_0 .more-link {
    font-size: 14px;
    color: #fff !important;
    font-weight: 600;
    text-transform: uppercase;
    margin-top: 10px;
    float: none;
    display: inline-block;
    padding: 8px 40px;
    border-radius: 1px;
    border: 1px solid #3C3950;
float: right;
}

 /*---------------------------------- Defines Buttons in header------------------------------------*/
.et_pb_fullwidth_header_0 .header-content-container .header-content .et_pb_button_two.et_pb_button {
padding-top: 15px !important;
padding-right: 60px !important;
padding-bottom: 15px!important;
padding-left: 60px !important;
}

.et_pb_fullwidth_header_0 .header-content-container .header-content .et_pb_button_one.et_pb_button  {
padding-top: 15px !important;
padding-right: 60px !important;
padding-bottom: 15px!important;
padding-left: 60px !important;
}

/*
.row_border {
border: 0px solid #fff !Important;
box-shadow: 5px 5px 20px #888888;
}
*/

/*---------------------------------- Defines Back to Top Button------------------------------------*/
.et_pb_scroll_top {
background-color:#00BCD4 !important;
border-radius: 0px !important;
}


/*--------------------------- Defines the Button in Sec. Menu and info----------------------------*/
.menu-button-1 a{
color: #ffffff !important;
padding:12px 48px 12px 40px!important;
margin-bottom: 16px;
cursor: pointer;
border: 1px solid #fff; /* Change the values to define border color, thickness and type */
font-weight: 600; /* Defines if the font is slim 100, normal 300 or bold 600-900*/
	border-radius: 1px !important;
}

.menu-button-1 a:hover{
background-color:#00BCD4; /* Defines the background color when hovering with the mouse over the button */
border: 1px solid #00BCD4; /* Defines the border color when hovering with the mouse over the button */
	z-index: 999 !important;
	opacity: 1 !important;
}

#et-info {
float: right !important;
}

/*------------------------------------------------------------------------------------------------*/
/*--------------------------------------- BEHAVIOUR 981 - 1279-----------------------------------*/
/*------------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 981px) and (max-width: 1279px) {

#blurb_modules {
line-height: 1.1em !important;
}

#address_blurb span.et-pb-icon {
display: none !Important;
}
	
	.header_text_services {
		display: none !important;
	}
	
	.divider_services  {
		display: none !important;
	}
	
	.text_services {
		font-size: 17px !important;
		line-height: 1.6em !important;
	}
	
	.title_text_services { 
		padding-top: 40px !important;
	}

}


/*------------------------------------------------------------------------------------------------*/
/*--------------------------------------- BEHAVIOUR 1 - 980-----------------------------------*/
/*------------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 1px) and (max-width: 980px) {
.et_pb_fullwidth_header_0 .header-content-container .header-content .et_pb_button_one.et_pb_button {
display: none !important;
}

.et_pb_fullwidth_header_0 .header-content-container .header-content .et_pb_button_two.et_pb_button {
margin-bottom: 60px !important;
padding-top: 8px !important;
padding-right: 30px !important;
padding-bottom: 8px!important;
padding-left: 30px !important;
}

/*--------------------------- Defines the Person Module in Projects ----------------------------*/
.et_pb_team_member_0 .et_pb_team_member_description {
line-height: 1.4em !Important;
padding-left: 10px !Important;
padding-right: 10px!Important;
padding-bottom: 10px !Important;
padding-top: 20px !Important;
}

/*--------------------------- Defines the Button in Menu and info----------------------------*/
.menu-button-1 a{
color: #ffffff !important;
padding:12px 48px 12px 40px!important;
margin-bottom: 16px;
cursor: pointer;
background-color: #00BCD4 !important;
border: 0px solid #fff; /* Change the values to define border color, thickness and type */
font-weight: 600; /* Defines if the font is slim 100, normal 300 or bold 600-900*/
	border-radius: 1px !important;
}

/* =Set Top Header (with primary menu) to be fixed on mobile */
.et_fixed_nav #main-header {
position: fixed;
background-color: #000; /* Defines background color of the primary mobile menu */
box-shadow: none !important; 
}

/* =Set Top Header (with secondary menu) to be fixed on mobile */
.et_fixed_nav #top-header {
position: fixed;
background-color: #00BCD4; /* Defines background color of the secondary mobile menu */
}
}