/*--------------------------------------------------------------
This is your custom stylesheet.

Add your own styles here to make theme updates easier.
To override any styles from other stylesheets, simply copy them into here and edit away.

Make sure to respect the media queries! Otherwise you may
accidentally add desktop styles to the mobile layout.

You're the boss, so have fun editing!

--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 - Global Styles
2.0 - Responsive media queries (mobile styles)
	2.1 - MAXIMUM width of 720 pixels (phones landscape)
	2.2 - MAXIMUM width of 350 pixels (phones portrait)
	2.3 - MINIMUM width of 721 pixels (tablets+)
	2.4 - MINIMUM width of 1040 pixels (desktops and laptops)
--------------------------------------------------------------*/
/*--------------------------------------------------------------
1.0 - Global Styles
--------------------------------------------------------------*/

.entry-title a,
.entry-title {
    color: #3d3d3d;
    font-size: 20px;
}


/*
.just_an_example {
	color: black;
}
*/



/*--------------------------------------------------------------
2.0 - Responsive media queries (mobile styles)
--------------------------------------------------------------*/
/*--------------------------------------------------------------
2.1 - MAXIMUM width of 720 pixels (phones landscape)
--------------------------------------------------------------*/
@media screen and (max-width: 720px) {


    /*
	.just_an_example {
		color: black;
	}
	*/

    /*#windforecast {
        display: none;
    }*/



    /*## BI - Added borders to tables for wind alerts*/
    .hidden-xs {
        display: none;
    }


    #location {
        width: 100%;
    }

    #winddirection {
        width: 100%;
    }

    #weekdayval {
        width: 100%;
    }

    #weekday {
        width: 100%;
    }

    #months {
        width: 100%;
    }

    .alerts {
        width: 100%;
    }


    .menu-panel #nav-menu a.open-submenu, .menu-panel .menupop a.open-submenu {
        width: 100%;
        height: 55px;
        float: right;
        box-sizing: border-box;
        position: absolute;
        right: 0;
        background-color: transparent;
        z-index: 1;
    }
}
/* don't delete this closing bracket */





/*--------------------------------------------------------------
2.2 - MAXIMUM width of 350 pixels (phones portrait)
--------------------------------------------------------------*/
@media screen and (max-width: 350px) {


    /*
	.just_an_example {
		color: black;
	}
	*/

    /*#windforecast {
        display: none;
    }*/

    /*## BI - Added borders to tables for wind alerts*/
    .hidden-xs {
        display: none;
    }

    #location {
        width: 100%;
    }

    #winddirection {
        width: 100%;
    }

    #weekdayval {
        width: 100%;
    }

    #weekday {
        width: 100%;
    }

    #months {
        width: 100%;
    }

    .alerts {
        width: 100%;
    }

    .menu-panel #nav-menu a.open-submenu, .menu-panel .menupop a.open-submenu {
        width: 100%;
        float: right;
        box-sizing: border-box;
        position: absolute;
        right: 0;
        background-color: transparent;
        z-index: 1;
    }
}
/* don't delete this closing bracket */





/*--------------------------------------------------------------
2.3 - MINIMUM width of 721 pixels (tablets+)
--------------------------------------------------------------*/
@media screen and (min-width: 721px) {


    /*
	.just_an_example {
		color: black;
	}
	*/

    /*#windforecastmobile {
        display: none;
    }*/

    body.left-menu-open #nav-menu > ul > li > a,
    body.left-menu-open .menu-panel .menupop > a {
        padding: 15px 20px 15px 30px;
        /*## Changed for small buddypanel menu change*/
        font-size: 15px;
        width: 100%;
        height: 50px;
    }
}
/* don't delete this closing bracket */





/*--------------------------------------------------------------
2.4 - MINIMUM width of 1040 pixels (desktops and laptops)
--------------------------------------------------------------*/
@media screen and (min-width: 1040px) {


    /*
	.just_an_example {
		color: black;
	}
	*/

    #windforecastmobile {
        display: none;
    }

    #location {
        width: 100%;
        height: 300px;
    }

    #winddirection {
        width: 100%;
        height: 300px;
    }

    #weekdayval {
        width: 100%;
        height: 160px;
    }

    #weekday {
        width: 100%;
        height: 160px;
    }

    #months {
        width: 100%;
        height: 230px;
    }

    .alerts {
        width: 100%;
    }




    body.left-menu-open #nav-menu > ul > li > a,
    body.left-menu-open .menu-panel .menupop > a {
        padding: 15px 20px 15px 30px;
        /*## Changed for small buddypanel menu change*/
        font-size: 15px;
        width: 100%;
        height: 50px;
    }
}
/* don't delete this closing bracket */



/*## BI - Added borders to tables for wind alerts*/
#windalerts td {
    border: 1px solid #808080;
    padding: 6px 10px 6px 6px;
}

/*## BI - Added borders to tables for wind alerts*/
#windalerts thead th {
    font-weight: bold;
    text-transform: uppercase;
    border: 1px solid #808080;
    padding: 6px 10px 6px 6px;
}

.oneall_social_login_providers {
    width: 70%;
    margin: 0 auto;
    float: right;
}

div#register-page #signup_form.standard-form div.submit {
    float: none;
    margin: 0 auto;
    max-width: 430px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.menu-panel #header-menu > ul li a,
#nav-menu > ul > li > a,
body:not(.left-menu-open) .menu-panel .sub-menu-wrap > a,
body:not(.left-menu-open) .menu-panel .ab-sub-wrapper > .ab-item,
.menu-panel #nav-menu > a,
.menu-panel .menupop > a {
    /*## Changed for small buddypanel menu change 20px to 5px. Font-size to 10*/
    /*padding: 22px 0 22px 5px;*/
    outline: none;
    color: #fff;
    font-weight: normal;
    margin-bottom: 0;
    font-size: 17px;
    -webkit-transition: width .1s ease-in-out, color .3s ease-in-out;
    transition: width .1s ease-in-out, color .3s ease-in-out;
    box-sizing: border-box;
}

body.page-template-front-page.page:not(.buddypress) .site-content article:not(.comment) {
    padding-top: 0px;
    padding-bottom: 30px;
}

.panel-grid:first-child {
    padding-top: 0px;
    padding-bottom: 0px;
}


/*#Android a {
    background-image: url(https://windjunky.com.au/wp-content/uploads/2015/10/en_app_rgb_wo_451.png) !important;
    background: none;
}

#iPhone a {
    background-image: url(https://windjunky.com.au/wp-content/uploads/2015/10/App_Store.png);
}

.sow-icon-fontawesome span {
    visibility: hidden;
}

.so-widget-sow-button-atom-0469924ebecb .ow-button-base a {
    background-image: url(https://windjunky.com.au/wp-content/uploads/2015/10/en_app_rgb_wo_451.png) !important;
    background: none;
}*/

.textwidget p {
    text-align: center;
}

sow-more-text a {
    color: #00aeef;
}


/*
 * These CSS rules affect the tooltips within maps with the custom-popup
 * class. See the full CSS for all customizable options:
 * https://github.com/mapbox/mapbox.js/blob/001754177f3985c0e6b4a26e3c869b0c66162c99/theme/style.css#L321-L366
 */
.custom-popup .leaflet-popup-content-wrapper {
    /*background: #2c3e50;*/
    background: transparent;
    color: black;
    font-size: 10px;
    line-height: 12px;
    font-weight: 600;
}

    .custom-popup .leaflet-popup-content-wrapper a {
        color: rgba(255,255,255,0.5);
    }

.custom-popup .leaflet-popup-tip-container {
    width: 30px;
    height: 4px;
}

.custom-popup .leaflet-popup-tip {
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid transparent;
    color: transparent;
}

.custom-popup .leaflet-popup-content {
    padding: 0;
    margin: 0;
    line-height: inherit;
    text-align: center;
}

    .custom-popup .leaflet-popup-content .marker-title {
        font-weight: 600;
        padding: 5px;
        background: #2c3e50;
        color: white;
        border-radius: 5px;
    }

.leaflet-marker-icon customlabel leaflet-zoom-animated leaflet-clickable div {
    margin-left: -50px !important;
    margin-top: -10px !important;
}

.leaflet-container.leaflet-clickable, .leaflet-container.map-clickable, .leaflet-marker-icon, .leaflet-overlay-pane path {
    font-weight: 800;
    text-align: center;
}

#map { position:absolute; top:0; bottom:0; width:97%; }


.sensei-content,
#activate-page,
body.page:not(.buddypress) .site-content article:not(.comment),
body.single:not(.buddypress):not(.bbpress) .site-content article:not(.comment) {
    padding: 5px 10px;
}