/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/


body{
    overflow-x:hidden;
    margin-left:270px;
}
.bloglist_post{
    display:flex;
}
.bloglist_post:hover .bloglist_date_day p,
.bloglist_post:hover .bloglist_title p,
.bloglist_post:hover .bloglist_date_my p{
    color:#F1E100!important;
}
.bloglist_post:nth-of-type(1){
    border-top:2px dotted white;
}
.bloglist_post:nth-of-type(n){
    border-bottom:2px dotted white;
}
.bloglist_date{
    color:white;
    display:flex;
    padding-right:20px;
    border-right: 2px dotted white;
    min-width: 160px;
}
.bloglist_date_day{
    align-self: center;
}
.bloglist_date_day p, .bloglist_title p{
    font-size:3em;
    margin:0px;
    padding:10px;
    font-family:"dunbar-tall", Sans-serif;
    font-weight: bold;
    color:White;
}
.bloglist_date_my{
    display:flex;
    flex-direction: column;
    justify-content: center;
}
.bloglist_date_my p{
    font-size:1em;
    margin:0px;
    font-family:"quiche-sans", sans-serif;
    font-weight: bold;
}
.bloglist_title{
    text-align: center;
    margin-left:20px;
}
.blog_pagination{
    background-color: #F1E100;
    color:#E91D24;
    border-radius: 20px;
    margin:50px 10px 0px;
    border:none;
    font-family: "dunbar-tall", Sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    padding:10px 40px;
    letter-spacing: 2px;
}
.blog_pagination:hover, .blog_pagination:focus, .blog_pagination:active {
    background-color:white;
    color:#E91D24;
}

.blog_post{
    margin:50px 0px;
}
#blog_feat_img{
    padding-top:32%;
    border-radius: 100%;
    height:0px;
    width:33%;
    float:left;
    background-size:cover;
    background-position: center;
    border:5px solid #E91D24;
    margin:0px 50px 50px 0px;
}
.blog_post p{
    font-family: "dunbar-tall", Sans-serif;
}
.blog_post_date{
    font-size: 2em;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 2px;
    color:#E91D24;
    margin:0px;
}
.blog_post_title{
    color: #000000;
    font-family: "quiche-sans", Sans-serif;
    font-size: 3em;
    font-weight: 300;
    letter-spacing: 0.9px;
}
.alleymenucontainer{
    display:flex;
}
.alleymenucol{
    flex-basis:calc(50% - 50px);
}
.alleymenucol:nth-of-type(1){
    margin-right:auto;
}
.alleymenucol p{
    margin:0px;
}
.alleymenucol table th,
.alleymenucol table tr{
    border:none;
    background-color:#fff!important;
    padding: 20px 5px; 
    font-size:1em;
    vertical-align: bottom;
}
.alleymenucol table{
    border-collapse:collapse;
    font-family: "dunbar-tall", Sans-serif;
}
.alleymenucol table tr:nth-child(1) th{
    background-color:#145497!important;
    color:white;
    border-left:5px solid #E91D24;
    font-size:1.3em;
}
.nowrap{
    white-space: nowrap;
}
.menured{
    font-size:1.3em!important;
    color:#E91D24;
}
.menutitle{
    text-align: left;
}
.mobilemenutoggle{
    display:none
}
@media only screen and (max-width: 800px) {
    body {
      --logo-height : 175px;
      margin:0px;
      margin-top: calc(var(--logo-height) - 10px);
    }
    #menu{
        top:0px;
        width:270px;
        z-index: 11;
        transition: all .5s linear;
    }
    #alley_nav{
        margin-top: calc( var(--logo-height) - 20px );
    }
    #logo img{
		max-width: unset;
		width: 100%;
		position: absolute;
		left: 0px;
		top: 20px;
		z-index: 131;
		overflow: visible;
		height: auto;
    }
    #mobilemenutoggle{
        border-radius: 0px 20px 20px 0px;
        display: inline-block;
        position: relative;
        background-color: #F1E100;
        top: calc(var(--logo-height) - calc(var(--logo-height) + 240px));
        left: 270px;
        cursor: pointer;
        padding: 10px 10px;
        font-size:30px;
        color:#E91D24;
    }
    .menutoggle{
        margin-left:-270px;
    }
    #blog_feat_img{
        padding-top: 75%;
        width: 75%;
        float: unset;
        background-size:cover;
        background-position: center;
        border:5px solid #E91D24;
        margin: 0px auto 20px auto;
    }
    #homeslider{
        font-size: 8px;
    }
    #homeslider .swiper-slide{
        height:100vh;
    }
    .home{
        margin-top:0px;
    }
    .alleymenucontainer{
        flex-wrap: wrap;
    }
    .alleymenucol{
        flex-basis:100%;
    }
    .bloglist_container{
        font-size:8px;
    }
    .bloglist_date{
        align-self: center;
        flex-basis: 100%;
        color: white;
        display: flex;
        min-width: unset;
        border:unset;
        padding:0px;
    }
    .bloglist_post{
        flex-direction: column;
        justify-content: center;
        flex-wrap: wrap;
        padding:0px;
    }
    .bloglist_title{
        margin:0px;
    }
  }