/*
Theme Name:     Divi
Theme URI:      http://www.doweb.fi/
Description:    Child theme for the Divi theme
Author:         Doweb Oy
Author URI:     http://www.doweb.fi
Template:       Divi                             
Version:        4
*/

@import url("../Divi/style.css");

/* päivitykset */

/* Sisältöalue täysleveäksi */
/*.container  {
    width: 100%;
}*/
/* Vasempaan reunaan marginaali */
/*#content-area  {
    margin-left: 40px; 
}*/

.et_right_sidebar #left-area {
    float: left;
    padding-right: 2.5%;
}
#left-area {
    width: 75%;
    padding-bottom: 23px;
}

#sidebar {
    width: 25%;
}

.et_pb_post .entry-content {
    padding-top: 10px;
}
/* Pystyviivan poisto palstojen välistä */
#main-content .container::before {
    width: 0px !important;
}

#main-header {
    box-shadow: none !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
}

.et_fullwidth_nav #main-header .container {
    width: 100%;
    max-width: 100%;
    padding-right: 0px;
    padding-left: 0px;
}

#et-top-navigation, .sub-menu, #main-header .et_mobile_menu  {
		background-color: #e8472e  !important; 
}

.et_header_style_centered #top-menu > li > a {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}

/* ylävalikon nuolta pudotettu alaspäin */
#top-menu .menu-item-has-children > a:first-child:after, .fullwidth-menu .menu-item-has-children > a:first-child:after, #et-secondary-nav .menu-item-has-children > a:first-child:after { right: 0; top: 15px !important; }

.et_color_scheme_red #top-menu li.current-menu-ancestor > a, .et_color_scheme_red #top-menu li.current-menu-item > a {
    color: #555555 !important;
}

.et_mobile_menu li a {
    color: #fff !important;
}

/* ajankohtaiset */

/*media all*/
#news .et_pb_post {
    margin-bottom: 10px;
}

#newsboxi p {
	display: none;
}
/*
#newsboxi p, #newsboxi h1, #newsboxi .et_pb_post h2, #newsboxi h3, #newsboxi h4, #newsboxi h5 {
	display: none;
}
*/
#newsboxi .et_pb_image_container img, #newsboxi .et_pb_post a img, #newsboxi .gform_wrapper {
	display: none;
}

#newsboxi .wp-caption {
	display: none;
}

#newsboxi .et_pb_post {
    margin-bottom: 0px !important;
}

#news .et_pb_post h2 {
    margin-top: 10px;
}

#news .et_pb_post h2 a {
    background: url(images/sidebar_bullet.png) no-repeat left 8px;
    padding: 3px 0 3px 20px;
    text-decoration: none;
}

#newsboxi ul {
	display: none;
}
/* ajankohtaiset end */

/* työnäytteet */
/*media all*/
.et_pb_blog_grid .et_pb_post {
    margin: 0 60px 30px 0;
}

.pagination {
	margin-bottom: 30px;
}
/* työnäytteet end */

/* 2.0 päivityksestä valkoinen tausta - tässä poistetaan */
#main-content, .et_pb_section, .et_pb_slide {
 /*  	background-color: none !important;
	background: transparent !important;
   	background-color: #ffffff !important;*/
}
.et_pb_slide {
background-color: none !important;
	background: transparent !important;
 /*  	   	background-color: #ffffff !important;*/
}

/* Lomake */

.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type="submit"], .gform_wrapper .gform_page_footer input.button, .gform_wrapper .gform_page_footer input[type="submit"] {
	color: #e13e25 !important;
	position: relative;
	padding: 0.3em 1.5em;
	border: 1px solid #cccccc;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	background-color: #ffffff;
	font-size: 16px !important;
	font-weight: 500;
	line-height: 1.7em !important;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	transition: all 0.2s;
	text-transform: uppercase;
}

body .gform_wrapper .gform_footer input[type=submit]:hover {
	color: #ffffff !important;
	background-color: #e13e25 !important;
	border-width: 0px !important;
	border-color: #e13e25;
	}
/* Lomakkeen kenttien muotoilua */

input[type="text"], input[type="email"], input.text, input.title, select {
	padding: 4px 6px !important;
	border: 1px solid #cccccc !important;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	height: 40px !important;
}
textarea {
	padding: 4px 6px !important;
	border: 1px solid #cccccc !important;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
		height: 80px !important;
}

.synved-social-container {
	margin-top: 30px  !important;
}

/*------------------------------------------------*/
/*---------------[RESPONSIVE LAYOUTS]-------------*/
/*------------------------------------------------*/
@media only screen and ( min-width: 1100px ) {
#content-area  {
    margin-left: 60px !important;
}
}

/*-------------------[1080px]------------------*/
@media only screen and ( min-width: 1100px ) and ( max-width: 1405px) {

#content-area  {
    margin-left: 60px !important;
}
}

@media only screen and ( min-width: 981px ) {

#content-area  {
    margin-left: 40px !important;
}


/*
.et_right_sidebar #sidebar, .et_left_sidebar #sidebar {
    width: 214px;
}
*/
}

/*-------------------[960px]------------------*/
@media only screen and ( min-width: 981px ) and ( max-width: 1100px ) {
/*	.et_pb_row, .container, .et_pb_container { width: 960px; }*/
/* Vasempaan reunaan marginaali */
#content-area  {
    margin-left: 30px !important;
}
/*
.et_right_sidebar #sidebar, .et_left_sidebar #sidebar {
    width: 195px;
}
*/
}

/*-------------------[768px]------------------*/
@media only screen and ( max-width: 980px ) {
/*	.et_pb_blurb_content { text-align: center; }
	.et_pb_space {display: none;}
	.et_pb_row, .container, .et_pb_container { width: 690px; }
*/
/* Vasempaan reunaan marginaali */
#content-area  {
    margin-left: 40px !important;
}

}

/*-------------------[480px]------------------*/
@media only screen and ( max-width: 767px ) {
/*	.et_pb_row, .container, .et_pb_container { width: 400px; } */

}

/*-------------------[320px]------------------*/
@media only screen and ( max-width: 479px ) {	
/* .et_pb_row, .container, .et_pb_container { width: 280px; } */
#content-area  {
    margin-left:  20px !important;
}

h1 { font-size: 20px !important;}
}


/*copyright vaihda omaksi*/
p#footer-info-dw {float: right; }
p#footer-info-dw a {float: right; font-family: Arial; font-size:11px; font-weight: light; color: #cccccc; text-decoration:none; padding: 5px 20px; }