@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i');
@import url('../css/font-awesome.min.css');
@import url('https://fonts.googleapis.com/css2?family=Chicle&family=Poetsen+One&display=swap');

.layout-container {
  box-sizing: border-box;
  max-width: 860px;
  margin-right: auto;
  margin-left: auto;
}

@media all and (min-width: 851px) {
  .layout-container {
    max-width: 1290px;
  }
  .site-branding__logo img{
      width:109px;
  }
#block-ereligie-theme-branding{
      float: left;
      margin-top: 15px;
      margin-bottom: 5px;
      width: 600px;
  } 
#block-main-navigation-superfish{
    float: right;
    margin-top: 56px;
    width: auto;   
  }
  #block-ereligie-theme-account-menu{
      float: right;
      margin-top: 67px;
  }
#edit-message-wrapper {
  width: 521px;
}  
  
#superfish-main li ul li {
    border: 1px solid #f1f1f1;   
    background-color: #fff;  
    border-top: 0;
     }
    #superfish-main li ul{
        margin-top: 16px;       
    } 
     #superfish-main li ul li ul{
        margin-top: -3px;
    }
    ul.sf-menu .sf-sub-indicator::after {
        content: "\f107" !important;  
        font-family: FontAwesome;  
        font-size: 16px;
        left: 3px;
        top: 2px;    
    }  
    #superfish-main li ul a{
          font-size: 16px; 
          width: 74%;
        } 
    #superfish-main li ul a .sf-sub-indicator::after{
            content: "\f105" !important;  
            font-family: FontAwesome;  
            font-size: 16px;
            left: 10px;
            top: 0px;
       }
    ul.sf-menu .sf-sub-indicator {
      right: 0 !important;   
    }
    ul.sf-menu.sf-horizontal.sf-shadow ul,
    ul.sf-menu.sf-vertical.sf-shadow ul,
    ul.sf-menu.sf-navbar.sf-shadow ul ul {
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none;
      border-top: 3px solid #e6ac00;
    }
    #block-ereligie-theme-account-menu ul{
        padding-right: 0;
    }
    #block-ereligie-theme-account-menu ul a{
        padding-right: 0;
    }
    #superfish-main > li.menuparent:first-child a.sf-depth-1{
        padding-left: 0;
    }
   .contact-form #edit-name,
   .contact-form #edit-mail
    {
       width: 521px !important;
    }
  #block-classes-list-3 .field__items
  {
    display: flex;
  }
  #block-classes-list-3 .field__items .field__item
  {
    flex: 1;    
  }      
}

/**
 * Main
 */
.layout-main-wrapper {
  min-height: 300px;
  border-radius: 10px;
  margin-bottom: 20px; 
}
.layout-main {
  margin-top: 20px;
  margin-bottom: 40px;
}
#block-ereligie-theme-content .view-frontpage
{
    display:none;
}
.site-branding__name a{
    font-family: "Poetsen One", sans-serif;
}
.site-branding__name a,
.site-branding__name a:hover,
.site-branding__name a:focus,
.site-branding__name a:active{
    color: #777;
}
.region-primary-menu .menu a:hover,
.region-primary-menu .menu a:focus,
.region-primary-menu .menu a:active
{
    color: #595959;
}
#page{
    border-top: 1px solid #fff;
}
h1.title{
    margin-top: 15px;
    margin-bottom: 30px;
}
.site-footer .content {
  text-align: center;
  font-size: 14px;
}
#block-classes-list-3 .field__items
{    
    justify-content: space-around;
    align-items: flex-start;
    padding: 20px;  
    max-width: 1200px;
    margin: auto;
}
#block-classes-list-3 .field__items .field__item
{    
    margin: 10px;
    padding: 20px;
    background-color: #f7ecd4;
    border: 1px solid #ebcf94;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    text-align: center;
}
.site-branding__slogan{
    font-size: 20px;
    font-family: "Poetsen One", sans-serif;
    color: #777;
  }
#block-classes-list-3 .field__items .field__item a
{
    color: #AE5621;
    font-size: 1.4em;
}
#block-classes-list-3 .field__items .field__item a:hover,
#block-classes-list-3 .field__items .field__item a:active,
#block-classes-list-3 .field__items .field__item a:focus
{
    color: #de8954;
}
#block-classes-list-3 .field__items .field__item::before{   
    content: url("/themes/ereligie_theme/images/book_reader.png");
    vertical-align: middle;
    display: inline-block;
    margin-right: 15px;
}
.section p{
    color: #64686d;
}
.featured-bottom{
    background-color: #fff;
    margin-top: 250px;
}
.book-reader{
    display: inline-block;
    vertical-align: middle;    
}
.user-logged-in #block-ereligie-theme-account-menu
{
    margin-top: 0;
}
.user-logged-in #block-ereligie-theme-account-menu .menu a{
    font-size: 14px;
}
  .user-logged-in #block-main-navigation-superfish
  {   
      margin-top: 22px;  
  }
  .likeit-title img{
      width: 28px;
  } 
.likeit-title,  
.likeit-count
{
  vertical-align: middle;
  display: inline-block;
}
.likeit-count { 
  margin-left: 8px;
}
.path-contact #edit-preview
{
    display: none;    
}
.path-node .field--name-field-image img
{
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 5px;
}
.path-node .field--name-field-image img:hover
{
  box-shadow: 0 0 2px 1px rgba(0, 140, 186, 0.5);
}
.path-node .field--name-field-image .field__item {
    display: inline-block;
    padding-right: 24px;
    padding-top: 12px;
}
.field--name-field-video-url .field__item
{
    display: inline-block;
    padding-right: 18px;
    padding-bottom: 12px;
}
.field--name-field-video .field__item{
    display: inline-block;
    padding-right: 18px;   
}
.field--name-field-video-url iframe {
    position: relative;
    width: 350px;
    height: 197px;
}
.video-embed-field-responsive-video::after {
    padding-bottom: 0 !important;
}
/* 
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 480px
*/
@media (min-width: 320px) and (max-width: 412px){  
    .site-branding__text {
        display: inline-block;
        vertical-align: middle;
        width: 172px;       
      }
    .site-branding__slogan{
          font-size: 14px;
      }
    .site-branding__name { 
     font-size: 14px !important;
    }  
    
}
@media (min-width: 410px) and (max-width: 480px){  
    .site-branding__text {
        display: inline-block;
        vertical-align: middle;
        width: 220px;       
      }
    .site-branding__slogan{
          font-size: 16px;
      }
    .site-branding__name { 
     font-size: 16px !important;
    } 
    
}
@media (min-width: 320px) and (max-width: 480px){   
    
.main-content .section {
     padding: 0 15px !important;
   }
   .site-branding__logo img{
       width: 140px;
   }  
#block-ereligie-theme-branding {
  padding: 15px 15px 10px 15px;
}
#superfish-main-toggle::before {
    background-image: url(/themes/ereligie_theme/images/hamburger_menu.png);
    width: 30px;
    background-size: 100% auto;
    position: relative;
    display: block;
    height: 30px;
    content: "";
    background-color: transparent;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center center;  
    margin-bottom: 5px;
  }
   #superfish-main-toggle span {
    display: none;
  }
 .region-primary-menu .menu a {    
    color: #777;
    font-size: 14px;   
  }
  #block-main-navigation-superfish .content{
      padding: 0 15px;
  }
  ul.sf-menu.menu li{
      border-bottom: 1px solid #f1f1f1;
  }
    .field--name-field-video-url iframe{       
        width: 323px;   
     }
    .field--name-field-video video {
       width: 328px !important;
       height: 184px !important;
    }     
}
/* 
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/
@media (min-width: 481px) and (max-width: 767px) { 
    .main-content .section {
     padding: 0 15px !important;
      }
   .site-branding__logo img{
       width: 140px;
     }  
    #block-ereligie-theme-branding {
      padding: 15px 15px 10px 15px;
    }
    .site-branding__name { 
        font-size: 20px !important;
    }
    .site-branding__logo{
        display: block !important;
        float: left;
    }
    .site-branding__text {
       margin-top: 35px;
       width: 82%;
    }
    #superfish-main-toggle::before {
    background-image: url(/themes/ereligie_theme/images/hamburger_menu.png);
    width: 30px;
    background-size: 100% auto;
    position: relative;
    display: block;
    height: 30px;
    content: "";
    background-color: transparent;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center center;  
    margin-bottom: 5px;
    }
    #superfish-main-toggle span {
     display: none;
   }
   .region-primary-menu .menu a {    
     color: #777;
     font-size: 14px;   
   }
   #block-main-navigation-superfish .content{
       padding: 0 30px;
   }
   ul.sf-menu.menu li{
       border-bottom: 1px solid #f1f1f1;
       text-align: left;
   }
  #block-classes-list-3 .field__items
  {
    display: flex;
  }
  #block-classes-list-3 .field__items .field__item
  {
    flex: 1;    
  }
  #block-classes-list-3 .field__items .field__item {
      padding: 10px;
  }
  #block-classes-list-3 .field__items .field__item a {  
     font-size: 16px;
   }
    .field--name-field-video-url iframe{       
        width: 323px;   
     }
    .field--name-field-video video {
       width: 328px !important;
       height: 184px !important;
    }
    
}
/* 
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1023px
*/
@media (min-width: 768px) and (max-width: 1180px) {  
        .main-content .section {
         padding: 0 30px !important;
      }
   .site-branding__logo img{
       width: 140px;
     }  
    #block-ereligie-theme-branding {
      padding: 15px 30px 10px 30px;
    }
    .site-branding__name { 
        font-size: 20px !important;
    }
    .site-branding__logo{
        display: block !important;
        float: left;
    }
    .site-branding__text {
       float: left;  
       margin-top: 10px;       
    }
    .site-branding__name a,
    .site-branding__slogan
    {
        margin-left: 15px;
    }
   .region-primary-menu .menu a {    
     color: #777;
     font-size: 14px;   
   }
   #block-main-navigation-superfish .content{
       padding: 0;
   }  
  #block-classes-list-3 .field__items
  {
    display: flex;
  }
  #block-classes-list-3 .field__items .field__item
  {
    flex: 1;    
  }
  #block-classes-list-3 .field__items .field__item {
      padding: 10px;
  }
  #block-classes-list-3 .field__items .field__item a {  
     font-size: 16px;
   }
#block-main-navigation-superfish{
    float: left;
    width: auto;
    margin-left: 186px;
    margin-top: -47px;
    }
#superfish-main li ul li {
    border: 1px solid #f1f1f1;   
    background-color: #fff;  
    border-top: 0;
     }
    #superfish-main li ul{
        margin-top: 16px;
    } 
     #superfish-main li ul li ul{
        margin-top: -3px;
    }
.region-primary-menu .menu a {  
    padding: 0.9em 10px !important;
  
  }
  ul.sf-menu .sf-sub-indicator::after {
    content: "\f107" !important;
    font-family: FontAwesome;
    font-size: 16px;
    left: 3px;
    top: 2px;
    }
    ul.sf-menu .sf-sub-indicator {
    right: 0 !important;
    }
    #superfish-main li ul a {
       font-size: 14px;
       width: 74%;
       text-align: left;
    }
    .region-primary-menu .menu a {
        padding: 8px 15px !important;
        }
    .field--name-field-video-url iframe{       
        width: 323px;   
     }
    .field--name-field-video video {
       width: 424px !important;
       height: 240px !important;
    }
}