/*
Theme Name: The GOODista - EXTRA Child Theme
Theme URI: www.elegantthemes.com/gallery/divi/
Version: 1.0
Description: A customized version of EXTRA
Author: Lucian Florian
Author URI: http://www.fldtrace.com
Template: Extra
*/

/* GENERAL */
html body {
	background: #FCF7F1;
}

body #footer {
	background: #2a9054;
}

.et_pb_widget .widgettitle {
	background: #2a9054;
}

body h1, body h2, body h3, body h4, body h5, body h5, body #et-menu li, body h1 a, body h2 a, body h3 a, body h4 a, body h5 a, body h6 a {
	font-family: 'Roboto Slab', serif;
}

.et_pb_extra_column_sidebar .mc4wp-form {
	padding: 30px;
}

body #et-navigation .mega-menu>ul>li>a:first-of-type {
    color: rgba(255,255,255,0.7);
    font-size: 21px;
    font-family: 'Roboto';
    font-weight: 700;
}

body.archive .category-intro h1, body.blog .et_pb_text h1 {
    text-align: center;
    margin-bottom: 25px;
    border-bottom: 2px solid #ccc;
    padding-bottom: 15px;
    color: #2a9054 !important;
    font-size: 28px;
}

h2 {
	font-size: 36px;
}

body p {
	font-size: 14px;
}

body p:last-of-type {
	margin-bottom: 20px;
}

.et_pb_widget a.btn {
	color: #2a9054;
    border: 2px solid #2a9054;
    padding: 10px;
    border-radius: 4px;
}
.et_pb_widget a.btn:hover {
	background: #2a9054;
	color: #fff;
}

/* category */
.category-intro  h1 {
	text-align: center;
}
.category-intro {
	margin-bottom: 30px;
}
.category-intro p {
	font-size: 18px;
	line-height: 1.4;	
}

p#breadcrumbs {
	padding-bottom: 18px;
}


/* buttons */
a.smallgreen, a.biggreen {
    color: #569d51 !important;
    background: #94e48d;
    background: -moz-linear-gradient(top, #94e48d 0%, #82cf7c 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#94e48d), color-stop(100%,#82cf7c));
    background: -webkit-linear-gradient(top, #94e48d 0%,#82cf7c 100%);
    background: -o-linear-gradient(top, #94e48d 0%,#82cf7c 100%);
    background: -ms-linear-gradient(top, #94e48d 0%,#82cf7c 100%);
    background: linear-gradient(to bottom, #94e48d 0%,#82cf7c 100%);
    border: 1px solid #4dab46;
}

body a.small-button, body a.icon-button {
    padding: 10px 14px !important;
    font-weight: bold !important;
    font-size: 20px;
    margin: 0 5px 8px 0;
}
body a.small-button, body a.big-button, body a.icon-button {
    display: inline-block;
    text-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    line-height: 1;
}
body a.smallgreen, body a.biggreen {
    color: #2a9054 !important;
    background: #fff;
    background: none;
    background: none;
    background: none;
    background: none;
    background: none;
    background: none;
    border: 2px solid #2a9054;
}
body a.smallgreen:hover, body a.biggreen:hover {
	background: #2a9054;
	color: #fff !important;
}


/* PAGINATION */
.wp-pagenavi {
	clear: both;
}
.wp-pagenavi a, .wp-pagenavi span {
	background: rgba(0,0,0,.1);
	border: 0;
	border-radius: 3px;
	display: inline-block;
	color: rgba(0,0,0,.6) !important;
	font-weight: 600;
	line-height: 30px;
	height: 30px;
	min-width: 30px;
	margin: 0 0 0 10px;
	padding: 0 6px;
	text-align: center;
	text-decoration: none;
}
.wp-pagenavi span:first-child {
	margin: 0;
}
.wp-pagenavi span.current {
	background-color: #2a9054;
	color: #FFF !important;
}

/* FOOTER */

#footer-nav {
	float: none;
	text-align: center;
}

p.copyright {
	font-size: 13px;
    color: rgba(255,255,255,.3);
    text-align: center;
    padding: 8px;
    font-style: italic;
}

#footer .mc4wp-form label {
	color: rgba(255,255,255,.6)
}
#footer .mc4wp-form input[type="email"]{
	display: block;
    background: rgba(255,255,255,.6);
    width: 260px;
}
#footer .mc4wp-form input[type="submit"] {
    background: none;
    color: rgba(255,255,255,.6);
    border: 2px solid rgba(255,255,255,.6);
}
#footer .mc4wp-form input[type="submit"]:hover {
	color: #fff;
}
#footer .mc4wp-form p {
	margin-bottom: 10px;
}

/****************
TABLETS and up
*****************/
@media screen and (min-width: 768px) {
	body p {
	font-size: 16px;
}

}

/****************
DESKTOP and up
*****************/
@media screen and (min-width: 960px) {
	
/*
body p {
	font-size: 18px;
}
*/


}

/****************
MOBILE (479px and down)
*****************/
@media screen and (max-width: 410px) {
	.alignright,
	.alignleft {
		max-width: 50%;
	}
}

/****************
SMALL MOBILE (410px and down)
*****************/
@media screen and (max-width: 410px) {
	.alignright,
	.alignleft {
		display: block !important;
		float: none !important;
		margin-left: auto !important;
		margin-right: auto !important;
		text-align: center !important;
	}
}