/*---------------------------------------------------------------------------------

 Theme Name:   Sofica Divi Child
 Theme URI:    https://valakia.fi
 Description:  A Child Theme built for Divi by Valakia Interactive
 Author:       Jarkko Ruonakoski
 Author URI:   https://valakia.fi
 Template:     Divi
 Version:      1.0.0 

------------------------------ ADDITIONAL CSS HERE ------------------------------*/


/*DIVI: oletuskorkeuksiin muutosta –>*/ 
.et_pb_section {padding: 0 0 !important;} .et_pb_row {padding: 2.5% 0 2.5% 0 !important;} .et_pb_module {margin-top: 0 !important; margin-bottom: 15px !important;} .et_pb_row_inner {padding: 0 0 !important;}

/*FONT STYLES*/
p, h1, h2, h3, h4, h5, h6, h7, h8, li, ul, ol {word-wrap: normal !important;} p:empty {display: none !important; visibility: hidden;}
h1, h2, h3 {font-weight: 300;}
h4, h5, h6 {font-weight: 400;}
h7, h8 {font-weight: 600;}
.content h1 span {display: inline-block; border-bottom: 1px solid #A1AB00 !important; padding-bottom: 7px;}
.content h3 span {color: #A1AB00 !important; font-weight: 600;} 

/*KIINAN FONTTI*/
@font-face {
    font-family: 'STFangsong';
    src: url('https://sofica.fi/wp-content/themes/sofica-divi-child/fonts/STFangsong.woff2') format('woff2'),
		url('https://sofica.fi/wp-content/themes/sofica-divi-child/fonts/STFangsong.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

h1:lang(zh), h2:lang(zh), h3:lang(zh), h4:lang(zh), h5:lang(zh), h6:lang(zh), h7:lang(zh), h8:lang(zh), p:lang(zh), a:lang(zh), pre:lang(zh), code:lang(zh) {
  font-family: 'STFangsong' !important;
}

/*SITE - BG*/ 
body {background-image: url("/wp-content/themes/sofica-divi-child/images/sofica_site_bg.png") !important; background-position: left top !important; background-size: auto !important; background-repeat: repeat !important; background-attachment: fixed !important; background-color: #ebebeb !important;}

/*MAIN MENU*/
#main-header {box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none;}
#main-header #top-menu li {font-weight: 400; text-transform: uppercase;}
#main-header .nav li ul a {font-weight: 500; text-transform: none;}

/*HERO-JUMBOTRONS*/
.mainhero.et_pb_section {padding: 4% 0 !important;}
.mainhero h1 {font-size: 300%; text-shadow: 2px 2px 2px #575756;} 
.mainhero h1 span {display: inline-block; border-bottom: 3px solid #A1AB00 !important; padding-bottom: 10px;} 
.mainhero p {font-weight: 600 !important; font-size: 100%; text-shadow: 2px 2px 2px #575756; text-shadow: 1px 1px 1px #575756;}

/*FRONT PAGE - PRODUCT INTRODUCTION CARDS*/
.product-intros {background-color: #898987 !important; /*padding-bottom: 15px;*/ -moz-box-shadow: 0 7px 14px 0 rgba(23, 23, 23, 0.2), 0 7px 7px 0 rgba(23, 23, 23, 0.5); -webkit-box-shadow: 0 7px 14px 0 rgba(23, 23, 23, 0.2), 0 7px 7px 0 rgba(23, 23, 23, 0.5); box-shadow: 0 7px 14px 0 rgba(23, 23, 23, 0.2), 0 7px 7px 0 rgba(23, 23, 23, 0.5);}
.product-intros.et_pb_row {padding: 0 0 0 0 !important;}
.product-intros h1 {font-size: 200%; text-shadow: 2px 2px 2px #575756; position: absolute; bottom: 5px; margin: 0 15px 0 15px;}
.product-intros h1 span {display: inline-block; border-bottom: 1px solid #FFF !important; padding-bottom: 10px;}
.product-intros p {font-weight: 500 !important; font-size: 110%; text-shadow: 1px 0px 0px #575756; margin: 0 15px 0 15px;}
.product-intros .et_pb_button {margin: 0 15px 0 15px;}

/*FRONT PAGE - Services*/
.services-intros {border-radius: 100% !important; padding: 7.5% 0 0 0; -moz-box-shadow: 0px 0px 14px rgba(23, 23, 23, 0.2); -webkit-box-shadow: 0px 0px 14px rgba(23, 23, 23, 0.2); box-shadow: 0px 0px 14px rgba(23, 23, 23, 0.2);}
.services-intros h1 {font-weight: 400 !important;}
.services-intros p {font-weight: 300 !important; padding: 0 15px;}

/*FRONT PAGE - Videos*/
.video-header {width: 100% !important; padding: 15px 15px 5px 15px !important; background: rgba(161, 171, 0, 0.75); position: absolute; top: 0; left: 0; z-index: 9999;}

/*PRODUCTS - Contents*/
.content.et_pb_row {padding: 1.25% 0 1.25% 0 !important;}

/*PRODUCTS - Accordions*/
.product-accordions .et_pb_module {margin-bottom: 0px !important;}
.et_pb_toggle_close, .et_pb_toggle_open {background-color: #575756; color: #FFF; padding: 15px;}
.et_pb_toggle_close .et_pb_toggle_title, .et_pb_toggle_close h5.et_pb_toggle_title {color: #FFF;}
.et_pb_toggle_open .et_pb_toggle_title, .et_pb_toggle_open h5.et_pb_toggle_title {color: #BFBEBC;}
.et_pb_toggle_content {padding: 15px 15px 5px 15px;}
.et_pb_toggle {border: none !important;}
.et_pb_toggle_content p {font-weight: 300; font-size: 85%;}
.benefits-header {width: 100% !important; padding: 15px 15px 5px 15px !important; background: rgba(69, 120, 170, 0.75); position: absolute; top: 0; left: 0; z-index: 9999;}
.features-header {width: 100% !important; padding: 15px 15px 5px 15px !important; background: rgba(231, 78, 15, 0.75); position: absolute; top: 0; left: 0; z-index: 9999;}
.tools-header {width: 100% !important; padding: 15px 15px 5px 15px !important; background: rgba(161, 171, 0, 0.75); position: absolute; top: 0; left: 0; z-index: 9999;}

/*FOOTER*/
#main-footer {display: none !important; visibility: hidden !important;}
#footer {background-color: rgba(23, 23, 23, 0.85); padding-bottom: 0 !important; overflow: hidden !important;}
#footer.et_pb_section {padding-top: 15px !important;}
.footer-info h1 {font-size: 100%; color: #A1AB00; font-weight: 500 !important;} .footer-info h1.some {color: #898987;}
.footer-info p {font-size: 75%; color: #898987;} .footer-info p a {color: #898987;} .footer-info p a:hover {color: #A1AB00;}
a.facebook:before, a.twitter:before, a.linkedin:before {font-family: 'ETmodules'; position: relative; padding-right: 6px !important; padding-top: 0px !important;}
a.facebook:before {content: "\e093" !important;} a.twitter:before {content: "\e094" !important;} a.linkedin:before {content: "\e09d" !important;}
.footer-info p {font-size: 75%; color: #898987;} .footer-info p a {color: #898987;} a.facebook:before {content: "\e093" !important; font-family: 'ETmodules'; position: relative; padding-right: 6px !important; padding-top: 0px !important;}
#footer-legal {background-color: #171717;} #footer-legal.et_pb_row {padding: 0 0 0 0 !important;} #footer-legal.et_pb_module {margin-top: 0 !important; margin-bottom: 0px !important;} #footer-legal p {font-size: 75%; font-weight: 300 !important; padding-top: 20px;} #footer-legal p img {padding-top: 4px;}


/*MOBILE STYLES –––> */

/*** Responsive Styles Large Desktop And Above ***/
@media all and (min-width: 1405px) {
		.services-intros {width: 320px !important; height: 320px !important; margin: 0 2.75% 0 2.75% !important;}
  
}
 
/*** Responsive Styles Standard Desktop Only ***/
@media all and (min-width: 1100px) and (max-width: 1405px) {
	.services-intros {width: 300px !important; height: 300px !important; margin: 2% 1.35% 2% 1.35% !important;}
 
}
 
/*** Responsive Styles Tablet And Below ***/
@media all and (max-width: 980px) {
	.et_pb_section {padding: 0 0 !important;} .et_pb_row {padding: 5% 0 5% 0 !important;} .et_pb_module {margin-top: 0 !important; margin-bottom: 15px !important;} .et_pb_row_inner {padding: 0 0 !important;}
	.services-intros {width: 260px !important; height: 260px !important; margin: 2% 1.35% 2% 1.35% !important;}
 
}
 
/*** Responsive Styles Tablet Only ***/
@media all and (min-width: 768px) and (max-width: 980px) {
 
}
 
/*** Responsive Styles Smartphone Only ***/
@media all and (max-width: 767px) {
 
}
 
/*** Responsive Styles Smartphone Portrait ***/
@media all and (max-width: 479px) {
 
}