/*
 Theme Name:   Education Soul Child
 Description:  Education Soul Child Theme
 Author:       Julia Kostenko
 Template:     education-soul
 Version:      1.0.6 
 Text Domain:  education-soul-child
*/

.main-navigation ul li a {
    outline-offset: -8px;
    padding: 14px 10px;
    white-space: nowrap;
    font-weight: 350;
    font-size: 14px;
}
.colophon-bottom.clear-fix {
    background: none; 
    padding: 20px;
    border-radius: none; 
    margin-top: 30px;
}
.sidebar .widget {
    background: none; 
    box-shadow: none;
     padding: none; 
}
#tophead {
	background-color: #333333;
}

.container {
    margin: 0 auto;
    padding-left: 0; 
    padding-right: 0; 
    width: 100%; 
}

@media (min-width: 1px) {
	.dpt-entry 
    {
	  max-width: 50%;
    flex-basis: 50%;
    }
}
#content {
    clear: both;
    padding: 0 0;
}

.site-header {
  padding: 20px 0 40px 0;
	}

.wpcu-front-box {
	position: relative;
}

.wplp_container.default .title {
    font-size: 1.3em;
    line-height: 2;
    font-weight: 350;
    position: absolute;
    z-index: 5;
    top: 0px;
	  padding-left: 10px;
    background-color: rgba(255, 255, 255, 0.8);
    width: 100%;
}

.airplanes_list_wrapper {
	  display: grid;
	  grid-template-columns: auto auto auto;
	  align-items: center;
	  justify-items: center;
}

.wp-image-268 {
	  margin: 0 auto;
	  display: block;
}

.tnp-widget input[type=text], .tnp-widget input[type=email], .tnp-widget input[type=submit], .tnp-widget select
{
	  border: none;
}

.button-sales{
	  width: 155px;
}

.button-tophead{
	  background-color: red;
	  color: #fff;
	  padding: 5px 5px 5px 5px;
}
a:visited {
    color: #fff;
}
.fa {
    display: inline-flex;
    float: right;
	  color: #fff;
}

.top-news {
    float: left;
    width: 40%;
	  color: #fff;
}

#quick-contact {
    width: 38%;
	  text-align: center;
}

.wpgmza-store-locator, .wpgmza-store-locator *, .wpgmza-directions-box input, .wpgmza-directions-box select {
    margin: none !important; 
    padding: none !important; 
}

.wpgmza-store-locator {
	display: none !important;
}

a:visited {
    color: #333333;
}

a {
    color: #333333;
    text-decoration: inherit;
}

#footer-widgets a, #footer-widgets p {
    font-weight: 200;
}

.grid-slider{
	  display: grid; 
	  grid-template-columns: repeat(auto-fit, minmax(100px, 1fr)); 
	  grid-template-rows: repeat(1, 1fr); 
	  padding-bottom: 3%;
}

.grid-slide {
	  /*align-self: center; 
	  justify-self: center;
	  height: calc(50vh - 100px);*/
    width: auto;
	  margin: 7vh auto;
	  text-align: center;
	  z-index: 10;
}

.img-slide {
	  display: inline !important;
    /*object-fit: cover;
	  height: calc(50vh - 100px);
    width: auto;
	  margin: 0 auto; it centers any     block level element */
}

.airplanes-button {
	  background-color: #333333;   
	  align-self: center; 
	  justify-self: center; 
	  color: #fff; 
	  font-size: 1.375em; 
	  object-fit: cover;
}

.wp-image-475{
    display: block;
	  margin-left: auto; 
	  margin-right: auto; 
	  width: 15%;
}

.cn-button.bootstrap {
    color: #fff;
    background: #aa0000;
	  border-radius: 0;
}

.cn-text-container {
    margin: 0 0 6px 0;
    font-size: 1em;
}

.ticket-buttons a {
	  color: #fff;
}

.wpgmza_sl_main_div{
	  margin-bottom: -50px !important;
}

.top-news-title a {
	color: #fff;
}

.top-news-title a:hover {
	color: #fff;
}

.top-news-title a:visited {
	color: #fff;
}

#null-slider {
	width: 100%;
	height: 283px;
	overflow: hidden;
}

#null-slider .grid-container {
	display: grid;
	width: calc(100% + 572px);
	grid-template-columns: repeat(auto-fit, 286px);
}

.null-slider-item {
  transform: translate3d(0, 0, 0);
	animation: moveSlideshow 20s linear infinite;
	width: 286px;
	height: 143px;
	padding-right: 3px;
	padding-bottom: 3px;
}

.null-slider-item img {
  width: 100%;
  height: 100%;
	object-fit: cover;
  object-position: center;
  display: block;
}

@keyframes moveSlideshow {
  100% { 
    transform: translateX(-100%); 
  }
}

#sliders-container {
	position: relative;
}

#grid-slider-container {
	margin-top: -71px;
}

#MyDiv {
	position: relative;
}

#DivHideNew {
	font-size: 0.875em;
  font-weight: 500;
	width: 17%;
	height: calc(100% - 8px);
	position: absolute;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 1;
	color: #FFF;
	right: 0;
}

#DivHideNew:hover {
	background: linear-gradient(to left, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));
}
h1, h2, h3, h4, h5, h6{
	color: #333333;
}
/*Extra small devices (phones, 600px and down)*/
   @media only screen and (max-width: 600px) {
    .wp-image-475 {
        width: 50%;
        display: block;
        margin-left: auto; 
        margin-right: auto; 
    }
    #DivHideNew {
        font-size: 0.675em;
    }
    .top-news, #quick-contact {
        width: 100%;
    }
     /*.DivHide{
     background-color: #fff;
        padding: 0.3125em;
        font-size: 0.6em;
        font-weight: 500;
        position: absolute;
        left: 85%;
        top: 14.5%;
        } */
}
    /*Small devices (portrait tablets and large phones, 600px and up)*/ 
    @media only screen and (min-width: 600px) {
    /*.DivHide{
        background-color: #fff;
        padding: 0.3125em;
        font-size: 0.875em;
        font-weight: 500;
        position: absolute;
        left: 90%;
        top: 17%;
        }*/
    .top-news {
        width: 100%;
        }
        #quick-contact {
        width: 55%;
        }
    }
    } 
    /*Medium devices (landscape tablets, 768px and up)*/
    @media only screen and (min-width: 768px) {
        /*.DivHide{
            background-color: #fff;
            padding: 0.3125em;
            font-size: 0.875em;
            font-weight: 500;
            position: absolute;
            left: 90%;
            top: 17%;
            }*/
            .top-news {
                width: 55%;
            }
            #quick-contact {
            width: 100%;
            }
        }
        /*Large devices (laptops/desktops, 992px and up)*/
    @media only screen and (min-width: 992px) {
        /*.DivHide{
            background-color: #fff;
            padding: 0.3125em;
            font-size: 0.875em;
            font-weight: 500;
            position: absolute;
            left: 90%;
            top: 22%;
            }*/
        } 
        /*Large devices (laptops/desktops, 1200px and up) */
    @media only screen and (min-width: 1200px) {
        /* .DivHide{
            background-color: #fff;
            padding: 0.3125em;
            font-size: 0.875em;
            font-weight: 500;
            position: absolute;
            left: 90%;
            top: 23%;
            } */
                #DivHideNew {
                font-size: 1.0em;
            }
            #header-social {
            width: 58%;
            text-align: inherit;
            }
			      .top-news {
            width: 40%;
			      }
			      #quick-contact {
				    width: 35%;
			      }
			      #header-social {
            width: auto;
			      }
        }
   /*Extra large devices (large laptops and desktops, 1500px and up)*/
   @media only screen and (min-width: 1500px) {
    /* .DivHide{
        background-color: #fff;
        padding: 0.3125em;
        font-size: 0.875em;
        font-weight: 500;
        position: absolute;
        left: 90%;
        top: 27%;
        } */
        #DivHideNew {
            font-size: 1.3em;
        }
        .top-news{
            width:40%;
        }
        #quick-contact{
            width: 22%;
        }
		   #header-social {
            width: auto;
		 }
    }
    .custom-entry-date .entry-month {
    background: #aa0000 none repeat scroll 0 0;
	}
	
	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited {
    color: #333333;
    }

           
    
    