/*
Theme Name:   GeneratePresschild
Description:  GeneratePress is a lightweight WordPress theme built with a focus on speed and usability. Performance is important to us, which is why a fresh GeneratePress install adds less than 10kb (gzipped) to your page size. We take full advantage of the new block editor (Gutenberg), which gives you more control over creating your content.
Author:       weatherinkeylargo
Author URL:   http://localhost/weatherinkeylargo
Template:     generatepress
Version:      1.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  GeneratePresschild
*/

/* Write here your own personal stylesheet */

body{
	background:url('/wp-content/uploads/2020/12/weather-in-key-largo-bg.jpg');
	background-position:top center;
	background-repeat: no-repeat;
    background-size: cover;
	height:100vh;
	width:100%;
}

.entry-content{
    min-height: 70vh;
    align-items: center;
    justify-content: center;
    display: flex;
}

.mb-0{margin-bottom:0px !important}
.top-bar {
	background-color: #5e93d2;
	text-align: center;
}
.top-bar-align-right .widget:first-child {
    margin-left: auto;
    margin-right: auto;
}
.top-bar-style li {
    display: inline-flex;
    margin-bottom: 0px !important;
    font-weight: 600;
	margin: 0px 5px;
}
.top-bar-style li a{color:#fff !important;text-decoration:underline;}
.container-padding .wp-block-group__inner-container, .separate-containers .inside-article{padding:0px}
.separate-containers .inside-article{background:transparent !important;}
.text-bg strong, .text-bg {
    background: rgba(0,0,0, 0.4);
    padding: 3px 15px;
}
.btn-design a {
    border: 1px solid #fff;
    text-transform: uppercase;
    padding: 13px 29px !important;
    font-weight: 600;
    line-height: 17px !important;
    font-size: 14px;
}
.site-info {
  background: #282a2b00 !important;
}
.site-info .inside-site-info {
    background: #282a2b00 !important;
    padding: 10px 40px;
    font-size: 14px;
}
.breadcrum-design .wp-block-group__inner-container {
    padding: 27px 40px;
    border-bottom: 1px solid #d2d3d4;
}
.breadcrum-design h2 {
    font-weight: 500;
    font-size: 18px;
    line-height: 1.4;
    color: #000;
}
.breadcrum-design .breadcrum {
    float: right;
    font-size: 11px;
    color: #333;
}
.form-design .label-style {
    font-size: 11px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px;
    color: #333;
}
.form-design input, .form-design textarea {
    margin-bottom: 15px !important;
    border-radius: 4px !important;
    font-size: 13px;
    font-weight: 600;
    width: 100%;
    letter-spacing: 1px;
}

.btn-styles input[type="submit"] {
    margin-left: 0px !important;
    margin-bottom: 0px !important;
    margin-top: 0px;
    width: auto !important;
	background:#5e93d2 !important
}

.separate-containers .site-main{margin:0px !important}
.main-navigation ul li a {
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0px;
    font-style: normal;
	text-transform:uppercase;
}
.sep-margin {
    margin: 20px 0px;
}
.main-navigation .main-nav ul li[class*="current-menu-"] > a, .main-navigation .main-nav ul li[class*="current-menu-"] > a:hover, .main-navigation .main-nav ul li[class*="current-menu-"].sfHover > a, .main-navigation .main-nav ul li:hover > a, .main-navigation .main-nav ul li:focus > a, .main-navigation .main-nav ul li.sfHover > a, .main-navigation .menu-bar-item:hover > a, .main-navigation .menu-bar-item.sfHover > a{color:#ffd800 !important;background:transparent !important}
.main-navigation ul li:hover a, .main-navigation .main-nav ul li[class*="current-menu-"] > a {border-color:#ffd800 !important}
.main-navigation{background:transparent !important}

@media (min-width:768px){
	.site-header {
    position: relative;
    z-index: 5;
    box-shadow: rgba(0, 0, 0, 0.58) 0 4px 3px -3px;
	background:transparent !important;
}
	.site-header .inside-header {
    padding: 0px 20px 5px 20px;
}
	.main-navigation ul li:not(:last-child) {
    padding-right: 25px !important;
}
	.main-navigation ul li a{padding:0px !important; line-height: 85px !important; border-top:3px solid transparent;color:#fff !important}
}

@media (max-width:768px){
	.inside-header {
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 0px;
}
	.main-navigation .main-nav ul li a {
    line-height: 40px;
    background-color: #f6f6f6 !important;
    border-bottom: 1px solid #ddd;
}
	.has-inline-mobile-toggle #site-navigation.toggled{margin-top:0px !important}
	.main-navigation.toggled .main-nav>ul {
    border-top: 1px solid #dadada;
}
	.has-inline-mobile-toggle .mobile-menu-control-wrapper{padding-right:10px; padding-bottom:20px;}
	.site-logo {
    padding-left: 10px;
		padding-bottom:20px;
}
}