.author{

  height: 19px;
  font-family: Poppins;
  font-size: 13px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 6.04;
  letter-spacing: 1.3px;
  text-align: left;
  color: #0280bd;

}

.mobilefrmbtn2{
	text-align:center;
}

 .readmore{
	color:#0c9c57;
	text-decoration:underline;
	bottom: 2px;
    border-width: 0 0 1px;
    border-style: solid;
	text-underline-position: under;
	
}

.recipetopic{

  height: 19px;
  font-family: Poppins;
  font-size: 13px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 6.04;
  letter-spacing: 1.3px;
  text-align: left;
  color: #0280bd;

}

.lengthinmin{
  font-family: Poppins;
  font-size: 13px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 6.04;
  letter-spacing: 1.3px;
  text-align: left;
  color: #9cadb3;
  }
  
.lengthinmin:before{
	 font: normal normal normal 20px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #0280bd;
	content: "\f017";
	padding-right:3px;
	
} 


 
 .recipeimg{
	max-height:165px;
	overflow:hidden;
}
 
 .entry-meta{
	 display:none!important;
 }
 .custom-breadcrumb{
	 display:none !important;
 }
 
 .nomargin
 {
	 margin-top:-50px !import;
 }
 .vc_column_containe
 {
	 padding:0px!important;
 }
 
 .vc_row {
    padding-top: 15px;
    padding-bottom: 15px;
}

	

	
  .StepTitle {
  height: 91.1px;
  font-family:Oswald;
  font-size: 40px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.65;
  letter-spacing: -0.4px;
  text-align: left;
  color: #0f0f0f;
  padding-left:50px;
}
.StepDesc {
	padding-left:50px;
	text-align: left;
}


.related-recipes {
  height: 132px;
  font-family:Oswald;
  font-size: 54px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.22;
  letter-spacing: -0.54px;
  text-align: center;
  color: #0181c3;
}

.blogTitle {

  font-family: Oswald;
  font-size: 32px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.25;
  letter-spacing: -0.32px;
  text-align: left;
  color: #0f0f0f;
  height:100px;
}
.BGPrep {
  width: 100% /*1200px; */
  height: 100px;
  background-color: #eef3f5;
}
.Prep-10-minutes {
 /* width: 120px;*/
  height: 37.3px;
  font-family: Lato;
  font-size: 16px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.63;
  letter-spacing: -0.16px;
  text-align: left;
  color: #0f0f0f;
}
.Prep-10-minutes .text-style-1 {
  font-weight: normal;
}

.repTitle {
  
  font-size: 56px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.18;
  letter-spacing: -0.56px;
  text-align: center;
  color: #000000;
  font-family: Oswald;
  font-weight: 700;
  font-style: normal;
  
}

h4 {
 
  font-size: 56px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.18;
  letter-spacing: -0.56px;
  
  text-align: center;
  color: #000000;
  font-family: Oswald;
  font-weight: 700;
  font-style: normal;
  
}

.rtop{

  width: 40px;
  height: 40px;
  opacity: 0.8;
  border: solid 1px #9cadb3;
}

.rbottom{
	
}

.btnLoadMore {
  width: 240px;
  height: 60px;
  background-color: #0181c3;
}

.recipeDt {
  height: 19px;
  font-family: Poppins;
  font-size: 13px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 6.04;
  letter-spacing: 1.3px;
  text-align: center;
  color: #0181c3;
  margin-bottom:40px;
}

.prepicon{
  width: 42px;
  height: 38px;
  object-fit: contain;
  margin:20px;
  margin-top:0px;
}

.cookingico {
  width: 27px;
  height: 42px;
  object-fit: contain;
  margin:20px;
  margin-top:0px;
}

.totalico {
  width: 47px;
  height: 36px;
  object-fit: contain;
  margin:20px;
  margin-top:0px;
}

.serveico {
  width: 52px;
  height: 34px;
  object-fit: contain;
  margin:20px;
  margin-top:0px;
}

.tabsico{
	padding-top:30px;
	
}

.vline{
	width: 1px;
	height: 42px;
	opacity: 0.8;
	border-radius: 0.5px;
	border: solid 1px #9cadb3;
	margin: 0px;
	margin-left: 250px;
	margin-top: -59px;
}

.vline2{
	width: 1px;
	height: 35px;
	opacity: 0.8;
	border-radius: 0.5px;
	border: solid 1px #9cadb3;
	margin: 0px;
	margin-left:10px;
	margin-right:10px;
	
}

.vline3{
	width: 1px;
	height: 42px;
	opacity: 0.8;
	border-radius: 0.5px;
	border: solid 1px #9cadb3;
	margin: 0px;
	margin-left: 250px;
	margin-top: -65px;
}

.galleryimgs{
	height:160px;
	overflow:hidden;
	object-fit:	contain;
	margin-bottom:30px;
}



.repdesc{
	margin-top:40px;
	margin-right:20px;
}

.repdesc ul {
  list-style: none;
  font-family: Lato;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.63;
 
  
}
.repdesc ul li {
  font-family: Lato;
  padding-left: 1.3em;
  font-size: 16px;
  line-height: 3.63;
  letter-spacing: -0.16px;
  text-align: left;
  color: #0f0f0f;
}


.repdesc ul li:before {
  content: "\f00c"; /* FontAwesome Unicode */
  font-family: FontAwesome;
  display: inline-block;
  color:#0280bd;
  margin-left: -1.3em; /* same as padding-left set on li */
  width: 1.3em; /* same as padding-left set on li */
}

	.myicon{
  width: 13px;
  height: 27px;
  /*font-family: FontAwesome5FreeSolid; */
  content: "\f00c"; /* FontAwesome Unicode */
  font-size: 20px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 3.93;
  letter-spacing: 2px;
  text-align: left;
  color: #0280bd;
}


.repLine {
  width: 100%;
  height: 1px;
  opacity: 0.5;
  background-color: #9cadb3;
  margin-top:50px;
  margin-bottom:50px;
}

.stepicon {
    /* display: inline-block;*/
    font: normal normal normal 20px/1 FontAwesome;
    
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #0280bd;
    float: left;
	margin-right:20px;
	margin-top:25px;
}
.stepicon:before {
    content: "\f058";
}

.recipebox {
  width: 100px;
  height: 36px;
  opacity: 0.1;
  border-radius: 18px;
  background-color: #dd9652;
}

.RECIPE {
  width: 50px;
  height: 19px;
  font-family: Poppins;
  font-size: 13px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 6.04;
  letter-spacing: 1.3px;
  text-align: left;
  color: #dd9652;
}

.lengthname{
  height: 19px;
  font-family: Poppins;
  font-size: 13px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 6.04;
  letter-spacing: 1.3px;
  text-align: left;
  color: #9cadb3;
}
.topic {
  
  height: 19px;
  font-family: Poppins;
  font-size: 13px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 6.04;
  letter-spacing: 1.3px;
  text-align: left;
  color: #0280bd;
}
.recipebox{
	    width: 100px;
    height: 36px;
    opacity: 0.1;
    border-radius: 18px;
      background-color: #fdf4ed;
    color: #de9550;
	margin:0px;
	padding:0px;
	text-align:center;
}

.catTitle {
    border-radius: 20px;
    background-color: #fdf4ed;
    color: #de9550;
    font-weight: bold;
    /*padding: 5px;*/
    padding-right: 15px;
    margin: 8px;
	width:100px;
}

.myicon{
  width: 11px;
  height: 22px;
  font-family: FontAwesome5Free;
  font-size: 17px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 4.62;
  letter-spacing: 1.7px;
  text-align: left;
  color: #0280bd;
}


.catTitle {
    border-radius: 20px;
    background-color: #fdf4ed;
    color: #de9550;
    font-weight: bold;
    padding: 5px;
    margin: 8px;
	text-align: center;
}

.timericon {
    /* display: inline-block; */
    font: normal normal normal 20px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #0280bd;
    float: left;
	margin-right: -25px;
    margin-left: 5px;
    margin-top: 27px;
    
}
.lengthname:before{
	 font: normal normal normal 20px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #0280bd;
	content: "\f017";
	padding-right:3px;
	
}
.timericon:before {
    content: "\f017";
}

.replink{
		font-family: Oswald;
		font-size: 32px;
		font-weight: bold;
		font-stretch: normal;
		font-style: normal;
		line-height: 1.25;
		letter-spacing: -0.32px;
		text-align: left;
		color: #0f0f0f;
	}
	.readmore{
		height: 19px;
		font-family: Poppins;
		font-size: 13px;
		font-weight: 600;
		font-stretch: normal;
		font-style: normal;
		line-height: 6.04;
		letter-spacing: 1.3px;
		text-align: left;
		color: #0b9f5a;
	}
	
	.loadMorebtn{
		width: 240px;
		height: 60px;
		background-color: #0181c3;
		text-align:center;
		
	}
	
	.loadMorebtn span{
		width: 85px;
  height: 19px;
  font-family: Poppins;
  font-size: 13px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 6.04;
  letter-spacing: 1.3px;
  text-align: center;
  color: #ffffff;
	}
	
	.footer-widget {
    width: 100%;
}

.ranews{
  width: 100%;
  height: 500px;
  margin:auto;
  background-size: auto; /*1920px 500px;*/
  background-position: left;
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.3)),url(http://thedigitaldreamer.net/dev/safef/wp-content/uploads/2019/01/newsletter2020.png);
}


.nlbutton{
  width: 280px;
  height: 60px;
  background-color: #ffffff;
  color: #000000;
  border-radius: unset
}

.formTitle{
  font-family: Oswald;
  font-size: 56px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.18;
  letter-spacing: -0.56px;
  text-align: center;
  color: #ffffff;
  margin:auto;
  padding-top:85px;
  padding-bottom:70px;
  width:51%;
}
.wordpress-ajax-form{
	margin:auto;
}
.form-horizontal{
	margin:auto;
}
.frname{
	border:0px;
}

.fremail{
	border:0px;
}
.wpcf7-form input[type*="email"], .wpcf7-form input[type*="text"], .wpcf7-form input[type*="tel"]
{
background-color: transparent;
border-bottom: 2px solid #ffffff;
padding: 5px 10px;
outline: none;
font-family: Lato;
font-size: 20px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.5;
letter-spacing: -0.2px;
text-align: left;
color: #ffffff;
}

[placeholder]:focus::-webkit-input-placeholder {
    transition: text-indent 0.4s 0.4s ease; 
    text-indent: -100%;
    opacity: 1;
	color:#ffffff;
 }
 
 .wpcf7-form .wpcf7-submit{
	width: 280px;
	height: 60px;
	background-color: #ffffff!important;
	color: #000000;
	font-family: Poppins;
	font-size: 13px;
	font-weight: 600;
	font-stretch: normal;
	font-style: normal;
	text-align: center;
	letter-spacing: 1.3px;
	text-align: center;
	color: #080808;
	margin-top:-12px;
 }
 
.wpcf7-form .wpcf7-submit:hover {
	background-color: #ffffff!important;
	color: #000000;
}
 
.div.wpcf7-validation-errors, div.wpcf7-acceptance-missing{
color:#ffffff;
font-family: Poppins;
font-size: 13px;	

} 
 
div.wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #ff0000;
width: 70%;
margin: auto;
color: #a94442;
background-color: #f2dede;
border-color: #ebccd1;
margin-top:-20px;
margin-bottom:30px;
}




div.wpcf7-response-output {
	margin: 2em 0.5em 1em;
	padding: 0.2em 1em;
	margin: auto;
	width: 50%;
	margin-top:-20px;
	margin-bottom:30px;
}

div.wpcf7-mail-sent-ok {
	border: 2px solid #d6e9c6;
	color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}

div.wpcf7-mail-sent-ng {
	border: 2px solid #ff0000;
}

div.wpcf7-spam-blocked {
	border: 2px solid #ffa500;
}

div.wpcf7-validation-errors {
	border: 2px solid #f7e700;
}


.notetxt{
font-family: Lato;
font-size: 15px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: 1.47;
letter-spacing: normal;
text-align: center;
color: #ffffff;
margin:auto;
width: 700px;
margin-top:-50px;
}
 
 ::-webkit-input-placeholder { /* WebKit browsers */
color: #ffffff !important;
opacity: 1;
 font-family: Lato;
  font-size: 20px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: #ffffff !important;
opacity: 1;
 font-family: Lato;
  font-size: 20px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #ffffff !important;
opacity: 1;
 font-family: Lato;
  font-size: 20px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
color: #ffffff !important;
opacity: 1;
 font-family: Lato;
  font-size: 20px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
}
 
.recipetabs{
		  
} 


@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {
  
   #postcontainer{
		  padding:15px;
		  margin:auto;
	  }
	
	.relatedcon{
		 padding:15px;
		  margin:auto;
	}
	.prepicon {
		margin-right:28px;
	}
	.cookingico{
		margin-right:40px;
	}
  
h4{
  font-size:48px;
}
.recipeimg{
		  max-height:unset;
		  overflow:auto;
	  }
  
}
@media all and (device-width: 1024px) and (device-height: 768px) and (orientation:landscape) {
 /* your css rules for ipad landscape */
   .formTitle{
		 font-size: 44px;
		 padding-top: 45px;
		padding-bottom: 50px;
		width:70%;
	  }
	  .wpcf7-form .wpcf7-submit {
    width: 200px;
    height: 58px;
	  }
	  
	  .recipeimg{
		  max-height:unset;
		  overflow:auto;
	  }
	  .prepicon {
		margin-right:28px;
	}
	  .cookingico{
		margin-right:40px;
	}
}



  
 
 @media screen and (max-width: 992px) 
 {

  #postcontainer{
		  padding:15px;
		  margin:auto;
	  }
	  
	  .relatedcon{
		 padding:15px;
		  margin:auto;
	}
	.prepicon {
		margin-right:28px;
	}
	.cookingico{
		margin-right:40px;
	}
 
 h4{
		  font-size:32px;
	  }
	  
.recipeimg{
		  max-height:unset;
		  overflow:auto;
	  }
	  
	  .related-recipes{
		  font-size:32px;
		  height:70px;
	  }
	  
	  .StepTitle{
		  font-size:32px;
	  }
	  
	  .formTitle{
		 font-size: 36px;
		 padding-top: 45px;
		padding-bottom: 50px;
		width:72%;
	  }
	  
	  
	  
	  
	  .blogTitle{
		  padding-left:5px;
	  }
	  .readmore{
		  margin-left:5px;
	  }
	  
	  .notetxt{
		  width:80%;
		  font-size:13px;
		margin-top: -50px
	  }
		div.wpcf7-response-output {
		margin-top: -40px;
		margin-bottom: 20px;
		width: 90%;
		font-size: 14px;
		}
	  
	  .wpcf7-form .wpcf7-submit{
		  width:unset;
		  height:unset;
		  margin-top:0px;
	  }
	  
	  .recipetabs{
		  margin-top:20px;
	  }
	  
	   .recipetabs2{
		  margin-top:20px;
	  }
	  
	  .tabsico{
		  padding:0px;
	  }
	  .vline {
		 width: 90%;
		 height: 1px;
		 margin: 10px;
		 margin-right: 0px;
	  }
	  
	  .vline3{
		   width: 90%;
		 height: 1px;
		 margin: 10px;
		 margin-right: 0px;
		 margin-top:0px;
	  }  
  }  
  
  
  
 

/* ----------- Retina Screens ----------- */
@media screen 
  and (min-device-width: 1200px) 
  and (max-device-width: 1600px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (min-resolution: 192dpi) { 
  
	#postcontainer{
		  padding:15px;
		  margin:auto;
	  }  

.relatedcon{
		 padding:15px;
		  margin:auto;
	}	 

	.prepicon {
		margin-right:28px;
	}
.cookingico{
		margin-right:40px;
	}	

   h4{
		  font-size:32px;
	  }
	  
	 .recipeimg{
		  max-height:unset;
		  overflow:auto;
	  }
	  
	
	  
	 
	  
	  
	  .related-recipes{
		  font-size:32px;
		  height:70px;
	  }
	  
	  .StepTitle{
		  font-size:32px;
	  }
	  
	  .formTitle{
		 font-size: 32px;
		 padding-top: 45px;
		padding-bottom: 50px;
		width:unset;
	  }
	  
	  
	  
	  
	  .blogTitle{
		  padding-left:5px;
	  }
	  .readmore{
		  margin-left:5px;
	  }
	  
	 .notetxt{
		  width:80%;
		  font-size:13px;
		margin-top: -50px
	  }
		div.wpcf7-response-output {
		margin-top: -40px;
		margin-bottom: 20px;
		width: 90%;
		}
	  
	  .wpcf7-form .wpcf7-submit{
		  width:unset;
		  height:unset;
		  margin-top:0px;
	  }
	  
	  .recipetabs{
		  margin-top:20px;
	  }
	  recipetabs2{
		  margin-top:30px;
	  }
	  
	  .tabsico{
		  padding:0px;
	  }
	  .vline {
		 width: 90%;
		 height: 1px;
		 margin: 10px;
		 margin-right: 0px;
	  }
	  
	  .vline3{
		   width: 90%;
		 height: 1px;
		 margin: 10px;
		 margin-right: 0px;
		 margin-top:0px;
	  }
	  
}
  
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  {
	  
	   #postcontainer{
		  padding:15px;
		  margin:auto;
	  }
	  
	  .relatedcon{
		 padding:15px;
		  margin:auto;
	}
	  .prepicon {
		margin-right:28px;
	}
	  .cookingico{
		margin-right:40px;
	}
	  
	  h4{
		  font-size:32px;
	  }
	  
	  .catTitle{
		  font-size:12px;
	  }
	  .lengthname{
		  font-size:12px;
	  }
	  .topic{
		  font-size:12px;
	  }
	  .related-recipes{
		  font-size:32px;
		  height:70px;
	  }
	  
	  .recipeimg{
		  max-height:unset;
		  overflow:auto;
	  }
	  
	  .StepTitle{
		  font-size:32px;
	  }
	  
	  .formTitle{
		 font-size: 32px;
		 padding-top: 45px;
		padding-bottom: 50px;
		width:unset;
	  }
	  
	  
	  
	  
	  .blogTitle{
		  padding-left:5px;
	  }
	  .readmore{
		  margin-left:5px;
	  }
	  
	  .notetxt{
		  width:80%;
		  font-size:13px;
		margin-top: -50px
	  }
		div.wpcf7-response-output {
		margin-top: -40px;
		margin-bottom: 20px;
		width: 90%;
		}
	  
	  .wpcf7-form .wpcf7-submit{
		  width:unset;
		  height:unset;
		  margin-top:0px;
	  }
	  
	  .recipetabs{
		  margin-top:20px;
	  }
	  
	  .recipetabs2{
		  margin-top:20px;
	  }
	  
	  .tabsico{
		  padding:0px;
	  }
	  .vline {
		 width: 90%;
		 height: 1px;
		 margin: 10px;
		 margin-right: 0px;
	  }
	  
	  .vline3{
		   width: 90%;
		 height: 1px;
		 margin: 10px;
		 margin-right: 0px;
		 margin-top:0px;
	  }
	  
  }
  
  @media only screen 
  and (min-device-width: 360px) 
  and (max-device-width: 640px) 
  and (-webkit-min-device-pixel-ratio: 3){
	  
	  #postcontainer{
		  padding:15px;
		  margin:auto;
	  }
	  
	  .relatedcon{
		 padding:15px;
		  margin:auto;
	}
	
	.prepicon {
	 margin-right:28px;
	}
	.cookingico{
		margin-right:40px;
	}
	
	h4{
		  font-size:32px;
	  }
		  
	  .recipeimg{
		  max-height:unset;
		  overflow:auto;
	  }
	  .related-recipes{
		  font-size:32px;
		  height:70px;
	  }
	  
	  .StepTitle{
		  font-size:32px;
	  }
	  
	  .formTitle{
		 font-size: 32px;
		 padding-top: 45px;
		padding-bottom: 50px;
		width:unset;
	  }
	  
	  
	  
	  
	  .blogTitle{
		  padding-left:5px;
	  }
	  .readmore{
		  margin-left:5px;
	  }
	  
	  .notetxt{
		  width:unset;
		  font-size:12px;
		margin-top: -50px
	  }
		div.wpcf7-response-output {
		margin-top: -40px;
		margin-bottom: 20px;
		width: 90%;
		}
	  
	  .wpcf7-form .wpcf7-submit{
		  width:unset;
		  height:unset;
		  margin-top:0px;
	  }
	  
	  .recipetabs{
		  margin-top:20px;
	  }
	  
	  .recipetabs3{
		  margin-top:30px;
	  }
	  
	  .tabsico{
		  padding:0px;
	  }
	  .vline {
		 width: 90%;
		 height: 1px;
		 margin: 10px;
		 margin-right: 0px;
	  }
	  
	  .vline3{
		   width: 90%;
		 height: 1px;
		 margin: 10px;
		 margin-right: 0px;
		 margin-top:0px;
	  }  
  }