/*
 Theme Name:   Breezy
 Author:       Breezy Marketing
 Author URI:   https://www.breezy.fi
 Template:     Divi
*/

#footer-bottom {
display:none;
}

#main-footer {
position: fixed;
width: 100%;
bottom: 0;
display: none;
}

/* Set footer height */
body #main-footer {
height: 75px ;
}

#top-menu li > a:hover {
 box-shadow: 0 10px 0 0 #5ab09f !important; /*** COLOR AND THICKNESS OF THE LINE ON HOVER ***/
 padding-bottom: 34px;
 opacity: 1 !important;
}

#top-menu li li a {
 padding-bottom: 6px !important;
}

#top-menu li.current-menu-item > a,
.et-fixed-header #top-menu li.current-menu-item > a {
 border-bottom: none; /*** COLOR AND THICKNESS OF THE BOX ***/
}

#main-header .nav li ul a {
    letter-spacing: 0px;
    font-weight: normal;
    font-family: 'Merriweather Sans', sans-serif;
}

#main-header .nav li > a:hover {
  box-shadow: 0 0 0 0!important;
}

.et_pb_contact_right p input {
max-width: 55px;
}

.et_pb_scroll_top:before {
    content: "2";
}

/*Painikkeen sijainti ja muoto*/
.et_pb_scroll_top.et-pb-icon {
    padding: 8px;
    -webkit-border-radius: 7%;
    -moz-border-radius: 7%;
    border-style: solid;
    border-width: 1px;
    border-radius: 7%;
    border-color: rgba(rgba(192,176,112,0.99);
    right: 20px;
    background-color: rgba(rgba(192,176,112,0.77);
    color: #313131!important;
}

.et_pb_scroll_top.et-pb-icon:hover {
    padding: 8px;
    -webkit-border-radius: 25%;
    -moz-border-radius: 25%;
    border-style: solid;
    border-width: 1px;
    border-radius: 25%;
    border-color: rgba(2rgba(192,176,112,0.99);
    right: 20px;
	background-color: rgba(rgba(192,176,112,0.92);
	color: #313131!important;
}

/**********************************************************
******************** ANIMATION  ************************
********************************************************/

/******* From Bottom *******/
.bottom-animated.et-animated {
  opacity: 1;
  -webkit-animation: fadeBottom .8s 1 cubic-bezier(0.43, 0, .53, .94);
  -moz-animation: fadeBottom .8s 1 cubic-bezier(0.43, 0, .53, .94);
  -o-animation: fadeBottom .8s 1 cubic-bezier(0.43, 0, .53, .94);
  animation: fadeBottom .8s 1 cubic-bezier(0.43, 0, .53, .94);
}

/*******************************************************************
******************** RESPONSIVE LAYOUT  ************************
******************************************************************/

/******* Mobile Device *******/
@media only screen and (max-width: 1023px) {
.cta_custom {
    top: 5px !important;
    position: relative;
}
}
/******* Desktop *******/
@media only screen and (min-width: 1024px) {
.cta_custom {
    top: 35px !important;
    position: relative;
}
}
/******* Large Screen, Mac 24' ---> *******/
@media only screen and (min-width: 1600px) {
  .cta_custom.et_pb_promo {    
    padding-top: 18% !important;
  }
}

/***********************************************************************
******************** SOCIAL MEDIA CONTACT  ************************
*********************************************************************/

.social_media_custom_1.et_pb_social_media_follow {
    right: 75% !important;
}

.social_media_custom_2.et_pb_social_media_follow {
    right: 50% !important;
}

.social_media_custom_3.et_pb_social_media_follow {
    right: 25% !important;
}

.social_media_custom_4.et_pb_social_media_follow {
    right: 0 !important;
}

.social_media_custom_1, .social_media_custom_2, .social_media_custom_3, .social_media_custom_4 {
    margin-bottom: 0px  !important;
    background-color: #01d6c4;    /* <-------- Customize here the Background-color */
    padding: 5px 5px 0px 15px !important;
    position: absolute ;
    bottom: 0 !important;
}


#main-header .nav li ul a {
    color: #424242;
    letter-spacing: 0px;
    font-weight: normal;
}

.nf-field-element input, .nf-field-element select, .nf-field-element textarea {
    margin: 0px;
    width: auto;
    padding-top: 10px;
    padding-bottom: 10px;
    vertical-align: inherit;
}

.nf-field-label label {
    font-weight: bold;
    margin: 0;
    padding: 0;
    color: white !important;
    letter-spacing: 1px!important;
}

.nf-error-msg {
    color: #ffffff!important;
}

.nf-field-element textarea {
    margin: 0;
    width: auto;
    height: auto;
    vertical-align: inherit;
    font-weight: bold;
    background-color: white;
    letter-spacing: 1px;
}