/*
Theme Name: lynn-nurseries
Template: Divi
*/
/* blue green colour #139CB6 */

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

/*-------------------- General styles --------------------------------*/

#main-content {	background: URL("https://www.lynn-nurseries.co.uk/wp-content/uploads/Lynn-nurseries-background-mirror.jpg") repeat-x fixed left bottom #CBEDEE !important;}

/*-------------------- General styles --------------------------------*/


/*-------------------- Header styles --------------------------------*/

#main-header {	border-bottom: #CCCCCC;	box-shadow: 0 5px 25px #CCCCCC;}

.logo_container {padding-top:5%!important; padding-bottom:4%;}
.logo_container a.ft-title {font-weight:bold; font-size:3EM; margin-left:-5px; }

.logo_container p {font-size:2.16EM; color:#139CB6; margin-top:20px;padding-bottom:1%;}

.logo_container span {font-size:1.4EM;	color:#444444;	}
.et_header_style_left .logo_container {	position:relative; padding-top:50px; float:left; width:70%;}

strapline {line-height: 120%; }
.logo_container .phone {font-size:1.4em; margin-top:2%!important;}

.homeimage {float:right;}

/*-------------------- Header styles End ----------------------------*/

/*-------------------- Menu styles ----------------------------------*/

#top-menu-nav {display: none;}
/*#sidebar*/
 ul#menu-main-menu a {padding-left: 10px; padding-right: 5px; display: block; min-height: 22px;}
.et_left_sidebar #sidebar {padding-right: 0;}
.et_pb_gutter.et_pb_gutters2.et_left_sidebar #main-content .container:before {left: 23.6% !important;}
#menu-main-menu a {color: #000000 !important; padding: 6px 0 6px; display:block; font-weight:bold;}
#menu-main-menu .current-menu-item > a {background: URL("https://www.lynn-nurseries.co.uk/wp-content/uploads/20px-Flower-icon-blue.png") no-repeat scroll 95% 5px transparent; background-size: 20px;}
#menu-main-menu .current-menu-item li a {background-color: /*#FFFFFF*/ #B279FF;}
#menu-main-menu li {min-height: 22px; border-bottom: 1px solid #cccccc;}
#menu-main-menu li:last-child {border-bottom: 0px; box-shadow: none;}
#menu-main-menu li .sub-menu li {border-bottom: 0px; box-shadow: none;}
#menu-main-menu li a:hover {background: URL("https://www.lynn-nurseries.co.uk/wp-content/uploads/20px-Flower-icon-blue.png") no-repeat scroll 95% 5px transparent; color: #aae2e3; background-size: 20px; background-color:  #139CB6;  /*#BDE9E8;*/}

/*-------------------- Menu styles End ------------------------------*/

/*-------------------- Content Styles -------------------------------*/

/*.et_pb_column_3_4*/ .et_pb_row_inner { padding: 0.5% 0!important;}

.et_pb_section {background-color:transparent; 	padding:30px 0px !important;}
.et_pb_row { background-color:#FFFFFF; 	padding:20px !important; }
#main-footer {/* background-color:transparent !important;*/ border-top:1px solid #CCCCCC; box-shadow: 0 -5px 25px #CCCCCC;}
.et_pb_widget_area_left { padding-right:0px;}

.ft-homebox {border:1px solid #000000; opacity: 1.0; filter: alpha(opacity=40); color:#000000; padding-top:0px; font-weight:bold;background-color:#ECF6F9;}
.ft-homebox:hover {opacity: 0.5; filter: alpha(opacity=100); color:#000000; padding-top:0px; font-weight:bold;background-color:#ECF6F9;}

.ft-homebox h3  { color:#000000; padding:8px 0px 8px 0px !important; font-weight:bold;background-color:#ECF6F9;}
.ft-homebox img {padding:0; width:100%;}
.entry-content ul, ul.no_bullets {list-style-type:none;}
 ul.no_bullets 	{list-style-type:none;}
li.flower {background:url("https://www.lynn-nurseries.co.uk/wp-content/uploads/20px-Flower-icon-blue.png")no-repeat 0px 6px; padding-left:25px; line-height:1.5em; padding-top:5px; padding-bottom:5px;}

.image-line{ width:100%; margin:auto;}

.entry-content table {width:100%;}
/*-------------------- Content Styles -------------------------------*/ 

/*-------------------- BlogStyles -----------------------------------*/ 

p.read-more {line-height:30px;font-weight:bold; display:inline-block;background-color:/*#BDE9E8;*/ #b6d5f4;}
.read-more a{color:#444444;padding:0px 8px 0px 8px;}
.read-more a:hover{color:#444444;padding:0px 8px 0px 8px; text-decoration:underline;}
.blog #main-content .container #content-area,.single-post #main-content .container #content-area,.archive #main-content .container #content-area   {background-color:#FFFFFF !important; padding:20px;}

.blog #main-content .container, .single-post #main-content .container, .archive #main-content .container {padding-top:30px; padding-bottom:30px;}

.single-post #left-area .post-meta {float: left;}
p.ReturnLink {font-weight: bold;}

.blog .et_pb_post {margin-bottom: 20px; border-bottom: 1px solid #ccc; padding-bottom: 25px;}

/*-------------------- Blog Styles End ------------------------------*/ 

/*-------------------- Footer Styles ------------------------------*/ 

#footer-info { padding-bottom: 10px; color: #666; text-align: center; float:none!important;}

/*-------------------- Footer Styles End --------------------------*/ 

/*----------------------------------------------------------*/
/*----------------- REPSONSIVE LAYOUT STYLES ---------------*/
/*----------------------------------------------------------*/
/*----------------------------------------------------------*/
/*------------------ MAX WIDTH 981PX TABLET ----------------*/
/*----------------------------------------------------------*/

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

.et_header_style_left #logo, .et_header_style_split #logo {display: none;}
.footer-widget:nth-child(n) {width: 100% !important;}
.et_right_sidebar #sidebar {margin-top: 20px;}
}

/*----------------------------------------------------------*/
/*---- MIN WITH 650PX MAX WIDTH 1100PX TABLET LANDSCAPE ----*/
/*----------------------------------------------------------*/

@media only screen and ( min-width: 650px ) and ( max-width: 1100px ) 
{

.et_header_style_left .logo_container{width:74%; float:left;}
.et_header_style_left  .logo_container {padding-top:4%; padding-bottom:4%;}
.logo_container p span { font-size: .7EM; color: #666666; clear:both; padding-top:10px;}
.logo_container .phone {font-size: 1.8em; margin-top: 0; }
.homeimage { float: right; max-width: 25%; padding-top:4%;}

.et_pb_row_4col > .et_pb_column.et_pb_column_1_4 {width:32.25%!important; margin-right:0; margin-left:1%;}

#top-menu {display: block;}
#et_mobile_nav_menu {display: none;}
.container, .et_pb_row {width: 95%;}

.et_header_style_left #et-top-navigation nav > ul > li > a {padding: 10px 0px 10px 10px !important;}
.et_header_style_left #et-top-navigation nav > ul > li > a:after {margin-left: 15px;}

.FtImage {text-align: center;}
.ft-homebox h3  { font-size:1.2em; color:#000000; padding-top:8px; font-weight:bold;background-color:#ECF6F9;}

.et_pb_row_1-4_1-4_1-4 .et_pb_column {width:32%!important; margin:.5%!important;}

.Slider .metaslider .caption {font-size: 1.5em;}
.Slider .metaslider .caption span {margin: -18% 0px 0px !important; left: 30px !important; text-align: left;}

#footer-info span {clear: both; display: block;}
}

/*----------------------------------------------------------*/
/*------------------ MAX WIDTH 650PX MOBILE ----------------*/
/*----------------------------------------------------------*/


@media only screen and ( max-width: 650px ) 
{
#main-header {padding-top: 10px;}
.HeadText {text-align: center; padding-left: 0px; width: 100%;}
.HeadContact {margin-top: 28px;}
#main-header .HeadContact p {padding-bottom: 10px;}
.et_header_style_left #logo, .et_header_style_split #logo {display: inline;}
#et_mobile_nav_menu {float: none; padding-bottom:5px;}
.et_header_style_split .mobile_menu_bar, .et_header_style_left .mobile_menu_bar {padding-bottom: 0px;}
.et_header_style_left .logo_container{width:100%;}

.logo_container p span { font-size: .7EM; color: #666666; float:left; clear:both; padding-top:10px;}
.logo_container .phone {font-size: 1.4em; margin-top: 0; padding-top:30px; padding-bottom:20px;}

.mobile_menu_bar {height: 32px;}
.mobile_menu_bar:before {left: 25%; top: 1px; color:#FFFFFF!important;}
/*.mobile_menu_bar:before { position: relative;    top: 0;    left: 0;    font-size: 32px;    content: "☰"!important;    cursor: pointer;}	*/
	
	
.mobile_menu_bar:after {content: "Navigation."!important; background-color:#70657d; color: #FFFFFF!important; font-weight: bold; font-size: 1.4em; cursor: pointer;margin-top: -32px; line-height: 1.7em; width: 100%; display: block; text-align: center;}
#et-top-navigation {width:100%; padding-left:0!important;}
.container, .et_pb_row {width: 95%;}
.FtImage {text-align: center;}
.Slider .metaslider .caption {font-size: 1.5em;}
.Slider .metaslider .caption span {margin: -18% 0px 0px !important; left: 30px !important; text-align: left;}
.FtServices .et_pb_all_tabs {width:100%;}
.FtServices ul.et_pb_tabs_controls {width:100%; padding-right: 0px !important;}
.FtServices .et_pb_tabs_controls li.et_pb_tab_active {margin-left: 0px; margin-right: 0px;}
#footer-info span {clear: both; display: block;}
}


@media only screen and ( min-width: 480px ) 
{
.et_pb_row_1-4_1-4_1-4 .et_pb_column {width:32%!important; margin:.5%!important;}
.ft-homebox h3  { font-size:1.0em;}

.et_header_style_left .logo_container{width:74%; float:left;}
.et_header_style_left  .logo_container {padding-top:4%; padding-bottom:4%;}
.logo_container p span { font-size: .7EM; color: #666666; clear:both; padding-top:10px;}
.logo_container .phone {font-size: 1.8em; margin-top: 0; }
.homeimage { float: right; max-width: 25%; padding-top:4%;}


}

/*----------------------------------------------------------*/
/*-------------- MAX WIDTH 400PX SMALL DEVICE --------------*/
/*----------------------------------------------------------*/


@media only screen and ( max-width: 400px ) 
{
.et_header_style_left .logo_container {text-align: center; display: block;}
#logo {float: none; margin: 0px;}
.HeadText {text-align: center; padding-left: 0px;}
.HeadContact {margin-top: 15px; width: 100%;}
.Slider .metaslider .caption {display: none;}
.wpcf7-form p input {float: left;}

}

/*-------------------- Responsive End ------------------------------*/