/*
 Theme Name:  Divi Child Theme
 Theme URI:    https://divilife.com
 Description:  Child Theme for Divi
 Author:       Tim Strifler
 Author URI:   https://divilife.com
 Template:     Divi
 Version:      1.0.0
*/

/*****Add any custom CSS below this line*****/

html {
  scroll-behavior: smooth;
}

/*@media only screen and (min-width : 981px) and (max-width : 1200px) {*/
@media (min-width: 180px){
	#et_mobile_nav_menu {display:block; margin-bottom:10px; margin-top:5px }
	#top-menu-nav { display:none !important; }
}

#footer-menu a:hover, #footer-menu a:active, #footer-menu a:focus {
	color: #231f20!important;
}

.mobile_menu_bar:before { 
	color: white !important;
	font-size: 60px;
}

.et_pb_slide {
	height: 100vh;
}

#et_mobile_nav_menu {
	margin-top: -5px;
}

#mobile_menu li a {
	font-family: BioRhyme, Georgia, "Times New Roman", serif;
}

.et-fixed-header {
	height: 80px !important;
}

.et-fixed-header #logo {
	width: 70px;
	position:relative;
	top: -15px;
}

.et-pb-slider-arrows a:hover {
	color: #8e6244;
}

#moja-zgodba {
	/*background-image: url(https://ejbabi.si/wp-content/uploads/2020/01/drobtine-3.png), url(https://ejbabi.si/wp-content/uploads/2020/01/drobtine-3.png), url(https://ejbabi.si/wp-content/uploads/2020/01/drobtine-3.png);*/
	background-image: url(https://ejbabi.si/wp-content/uploads/2020/10/drobtine-ejbabi.png), url(https://ejbabi.si/wp-content/uploads/2020/10/drobtine-ejbabi.png), url(https://ejbabi.si/wp-content/uploads/2020/10/drobtine-ejbabi.png);	
  	background-position: 110% -40px, 120% 75%, -44% 60%;
  	background-repeat: no-repeat, no-repeat, no-repeat;
	background-size: 20%, 30%, 40%;
	background-attachment: fixed, fixed, fixed;
}

#o-babi-zgodba {
	/*background-image: url(https://ejbabi.si/wp-content/uploads/2020/07/drobtine-1.png);
  	background-position: center 20%;
  	background-repeat: no-repeat;
	background-size: 80%;
	opacity: 1;*/
	/*background-attachment: fixed;*/
}

#o-babi-zgodba::after {
	
}

#recepti {
	background: url('https://ejbabi.si/wp-content/uploads/2020/06/kuhla.png') right bottom no-repeat, url('https://ejbabi.si/wp-content/uploads/2020/06/kuhla-2.png') left top no-repeat;
	background-size: 40%, 20%;
}

@media (min-width: 1280px){
#napovednik .post-content {
	width: 33% !important;
}
	
	#mobile_menu {
		width: 40% !important;
	}
	
	.et_mobile_menu {
		margin-left: 58%  !important;
	}

#napovednik .post-media {
	width: 66% !important;
}
}

#napovednik .post-content p {
	text-align: center !important;
}

#napovednik a.more-link {
	font-family: Montserrat, Helvetica, Arial, Lucida, sans-serif;
	border: none !important;
	position: relative;
}

.napovednik-preberi-vec {
	margin-top: 20px;
}


.footer-1 {
	width: 70%;
	float: left;
}

.footer-1 p {
	font-family: BioRhyme, Georgia, "Times New Roman", serif;
	font-size: 18px;
}

.footer-2 {
	width: 30%;
	float: left;
}

.footer-2 {
	font-size: 14px;
	text-align: center;
}

/***** RECEPTI ******/

#execphp-2, #execphp-3, #execphp-4, #execphp-5, #execphp-6 {
	width: 100% !important;
}

#recepti .et_pb_widget_area_left, #babi-bloga .et_pb_widget_area_left, #napovednik .et_pb_widget_area_left, #babi-bloga .et_pb_widget_area_left {
	padding-right: 0 !important;
	border-right: none !important;
}

.et_pb_widget_area_left {
	padding-right: 0 !important;
	border-right: none !important;
}

.recept-template-default .et_post_meta_wrapper {
	display: none !important;
}

.recept-template-default #main-header, .napovednik-template-default #main-header, .post-template-default #main-header, .page-id-697 #main-header, .error404 #main-header, .privacy-policy #main-header, .page-id-919 #main-header, .page-id-923 #main-header {
	background: #8e6244;
}

.recept-template-default #babine-recepture h3, .napovednik-template-default #babine-recepture h3, .post-template-default #babine-recepture h3 {
	font-family: BioRhyme, Georgia, "Times New Roman", serif;
	font-size: 34px;
	color: #939598;
	border-bottom: 1px solid #939598;
	padding: 10px 0 30px 0;
	margin-bottom: 40px;
	width: 100%;
}

#babine-recepture {
	width: 100%;
}

#babine-recepture h3 a:hover,#babine-recepture h3 a:active,#babine-recepture h3 a:focus {
	color: #231f20;
}

.recept-template-default h1 .post-template-default h1 {
	font-family: BioRhyme, Georgia, "Times New Roman", serif;
	font-size: 40px;
	color: #231f20;
	margin-top: 30px;
}

.recept-template-default p, .post-template-default p {
	font-size: 16px; 
	line-height: 24px;
	color: #231f20;
}

.recept-template-default #pagination {
	margin: 100px 0;
}

@media screen and (min-width: 991px){
	.recept-div {
		float: left;
		width: 32.3%;
		margin: 0.5%;
		position: relative;
	}
	
	
	.recept-div-small {
		float: left;
		width: 32%;
		margin: 0.5%;
		border-bottom: 1px solid #2f2b2b;
		padding: 8px 0;
	}
}

@media screen and (min-width:480px) and (max-width: 991px) {
	.recept-div {
		float: left;
		width: 48%;
		margin: 1%;
		position: relative;
	}
	
	.recept-div-small {
		float: left;
		width: 48%;
		margin: 0.5%;
		border-bottom: 1px solid #2f2b2b;
		padding: 8px 0;
	}
}

@media screen and (max-width: 480px){
	.recept-div {
		float: left;
		width: 100%;
		margin: 1%;
		position: relative;
	}
	.recept-div-small {
		float: left;
		width: 100%;
		margin: 1%;
		border-bottom: 1px solid #2f2b2b;
		padding: 8px 0;
	}
}

.recept-div-small-title {
	font-family: BioRhyme, Georgia, "Times New Roman", serif;
	font-size: 16px;
	font-weight: 300;
	color: #2f2b2b;
	margin-top: -10px;
}
.recept-div-small-date {
	font-family: Montserrat, Helvetica, Arial, Lucida, sans-serif;
	font-size: 9px;
	text-transform: uppercase;
}

.recept-div:hover {
	
}

.recept-title-div {
	font-family: BioRhyme, Georgia, "Times New Roman", serif;
	font-size: 18px;
	color: black;
	position: absolute;
	bottom: 20px;
	width: 100%;
	background: rgba(255,255,255,0.6);
	text-align: center;
	padding: 10px;
}

.recept-title-div-alt {
	font-family: BioRhyme, Georgia, "Times New Roman", serif;
	font-size: 18px;
	color: black;
	position: absolute;
	top: 20px;
	width: 100%;
	background: rgba(255,255,255,0.6);
	text-align: center;
	padding: 10px;
}

/******* BLOG **************/
@media (min-width: 991px){
	.blog-div {
		float: left;
		width: 31.3%;
		margin: 1%;
	}
}

@media screen and (min-width:480px) and (max-width: 991px) {
	.blog-div {
		float: left;
		width: 48%;
		margin: 1% 1% 30px 1%;
	}
}

@media (max-width: 480px){
	.blog-div {
		float: left;
		width: 100%;
		margin: 1% 1% 30px 1%;
	}
}

.blog-div-meta {
	font-family: Montserrat, Helvetica, Arial, Lucida, sans-serif;
	font-size: 9px;
	line-height: 14px;
	text-transform: uppercase;
	padding: 0 10px 0 10px;
}

.blog-div-title {
	font-family: BioRhyme, Georgia, "Times New Roman", serif;
	font-size: 20px;
	color: #231f20;
	border-bottom: 1px solid #231f20;
	padding: 0 0 8px 0;
	margin: 5px 0 25px 0;
}

.blog-div-excerpt {
	font-size: 12px;
	line-height: 20px;
	font-weight: 300;
	margin-top: 15px;
}

.clear {
	clear: both;
}

#pagination-previous-div {
	text-align: left;
	font-size: 18px;
	color: #231f20;
}

#pagination-next-div {
	text-align: right;
	font-size: 18px;
	color: #231f20;
}

#pagination-previous-div a:hover, #pagination-next-div a:hover {
	color: #231f20;
	text-decoration: underline;
}

/***** NAPOVEDNIK ******/
.napovednik-template-default .et_post_meta_wrapper, .post-template-default .et_post_meta_wrapper {
	display: none !important;
}

.napovednik-template-default h1, .post-template-default h1 {
	font-family: BioRhyme, Georgia, "Times New Roman", serif;
	padding-right: 30px;
}

.napovednik-template-default p, .post-template-default p {
	font-weight: 300;
	font-size: 14px; 
	line-height: 22px;
}

.napovednik-meta {
	margin: 20px 0;
}

.napovednik-meta-avtor {
	float: left;
	width: 100px;
}

.napovednik-meta-social {
	float: left;
	width: 160px;
}

@media (min-width: 991px){
	.napovednik-small-div {
		float: left;
		width: 30%;
		text-align: center;
		padding: 80px 10px 10px 10px;
	}

	.napovednik-big-div {
		float: left;
		width: 70%;
		text-align: center;
		padding: 0 10px;
	}
}

@media (max-width: 991px){
	.napovednik-small-div {
		float: left;
		width: 100%;
		text-align: center;
		padding: 10px;
	}

	.napovednik-big-div {
		float: left;
		width: 100%;
		text-align: center;
		padding: 0 10px;
	}
}

.napovednik-avtor {
	font-size: 12px;
	line-height: 16px;
}

.napovednik-date {
	text-transform: uppercase;
	font-size: 12px;
	line-height: 16px;
}

.napovednik-title {
	font-family: BioRhyme, Georgia, "Times New Roman", serif;
	font-size: 26px;
	line-height: 26px;
	padding: 10px 0 20px 0;
}

.napovednik-excerpt {
	font-weight: 300;
	font-size: 14px;
	line-height: 27px;
	color: #666666;
}

.napovednik-seperator {
	width: 300px;
	margin: 0 auto 20px auto;
	height: 0.5px;
	background: rgba(35,31,32, 0.7);
}


/*** Take out the divider line between content and sidebar ***/
#main-content .container:before {background: none;}

/*** Expand the content area to fullwidth ***/
@media (min-width: 981px){
#left-area {
    width: 100%;
    padding: 23px 0px 0px !important;
    float: none !important;
}
}

/*** Hide Sidebar ***/
#sidebar {display:none;}


/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) { 
	.col-md-5 {
	float: left; width: 44%;
}
}

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {  }

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {  }

/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {  }