/**

 * @file

 * The layout base CSS file for the theme.

 *

 * 1 COLUMN RESPONSIVE

 *

 */



.resp-1col {

  display: block !important;

}





/***********

*  HEADER  *

***********/



#main-menu {

  width: 100%;

}



#header {

  height: 60px;

}



#header.fixed {

  background: #FFF;

  -webkit-box-shadow: 0px 6px 30px rgba(0, 0, 0, 0.3);

  -moz-box-shadow: 0px 6px 30px rgba(0, 0, 0, 0.3);

  box-shadow: 0px 6px 30px rgba(0, 0, 0, 0.3);

  height: 60px;

  left: 0;

  top: 0;

  -webkit-transition: 0.1s left ease-in;

  -moz-transition: 0.1s left ease-in;

  -ms-transition: 0.1s left ease-in;

  -o-transition: 0.1s left ease-in;

  transition: 0.1s left ease-in;

  width: 100%;

  z-index: 100;

}



body.pushmenu-push-toright {

  height: 100%;

}



body.pushmenu-push-toright #logo {

  display: none;

}



body.pushmenu-push-toright #header.fixed {

  left: 80%;

}



body.pushmenu-push-toright #content {

  overflow: hidden;

}



  #logo {

    font-size: 0;

    left: 50%;

    margin-left: -50px;

    position: absolute;

    top: 5px;

    width: 100px;

  }



  #logo img {

    width: 73px;

    margin: auto;

    display: block;

  }



body.pushmenu-push-toright #page {

  height: 100%;

}



  body.front #main-menu .button.right,

  body.front #main-menu button.right,

  body.page-bar-locator #main-menu .button.right,

  body.page-bar-locator #main-menu button.right {

    right: 1.5em;

  }



  body.front #main-menu .button.left,

  body.front #main-menu button.left,

  body.page-bar-locator #main-menu .button.left,

  body.page-bar-locator #main-menu button.left {

    left: 1.5em;

  }



  #main-menu .button.right,

  #main-menu button.right {

    right: 1.5em;

  }



  #main-menu .button.left,

  #main-menu button.left {

    left: 1.5em;

  }



  #main-menu button.icon-search {

    display: none;

  }



  #main-menu button.icon-menu {

    font-size: 19px;

  }



    /**************

    *  SIDE MENU  *

    **************/



    #block-system-main-menu {

      background: #eaeaea;

      height: 100%;

      left: -80%;

      position: fixed;

      text-align: left;

      width: 80%;

      z-index: 150;

      -webkit-overflow-scrolling: touch;

    }



    #block-system-main-menu.open {

      left: 0;

    }



    #block-system-main-menu {

      -webkit-transition: 0.1s left ease-in;

      -moz-transition: 0.1s left ease-in;

      -ms-transition: 0.1s left ease-in;

      -o-transition: 0.1s left ease-in;

      transition: 0.1s left ease-in;

    }



      #block-system-main-menu ul.menu {

        display: block;

        height: auto;

        margin: auto;

        padding: 0;

        top: -10px;

        vertical-align: middle;

        width: auto;

      }



      #block-system-main-menu ul.menu.main {

        border-bottom: 1px solid #dedede;

      }



        #block-system-main-menu ul.menu li {

          background: transparent;

          display: block;

          margin: 0 0 0 0;

          padding: 15px 0 15px 25px;

          -webkit-transition: 0.4s background ease;

          -moz-transition: 0.4s background ease;

          -ms-transition: 0.4s background ease;

          -o-transition: 0.4s background ease;

          transition: 0.4s background ease;

        }



        #block-system-main-menu ul.menu li:hover,

        #block-system-main-menu ul.menu li:active {

          background: #fff

        }



        body.front #block-system-main-menu ul.menu li,

        body.front #block-system-main-menu ul.menu li.last,

        #block-system-main-menu ul.menu li.last {

          margin-right: 0;

          margin-left: 0;

        }



        #block-system-main-menu ul.menu.main li + li {

          border-top: 1px solid #dedede;

        }



      #block-system-main-menu ul.menu.secondary {

        margin-top: 0px;

      }



        #block-system-main-menu ul.menu.secondary li {

          padding: 2px 0 2px 25px;

        }



          #block-system-main-menu ul.menu.secondary li a,

          #block-system-main-menu ul.menu.secondary li span {

            font-family: "Georgia","Times New Roman",Times,serif;

            font-size: 1.2em;

            font-style: italic;

            letter-spacing: 0.1em;

            margin: 1em 1em 1em 0;

          }



          #block-system-main-menu ul.menu.secondary li span {

            margin-left: -1px;

          }



          #block-system-main-menu ul.menu.secondary li.socials span {

            cursor: pointer;

          }



          #block-system-main-menu ul.menu li span.circle {

            display: none;

          }



          #block-system-main-menu ul.menu.secondary .icon-search:before,

          #block-system-main-menu ul.menu.secondary .icon-bar_locator:before,

          #block-system-main-menu ul.menu.secondary .icon-archive:before,

          #block-system-main-menu ul.menu.secondary .icon-share:before {

            font-family: 'pernod-icon';

            font-size: 1.2em;

            font-style: normal;

            padding-right: 15px;

          }





      #block-system-main-menu ul.menu.secondary ul.menu-social {

        display: none;

        margin: 0 auto;

        overflow: hidden;

        padding: 0;

        width: 200px;

      }



      #block-system-main-menu ul.menu.secondary ul.menu-social li {

        float: left;

        width: auto;

      }



      #block-system-main-menu ul.menu.secondary ul.menu-social li.youtube {

        clear: left;

      }



      #block-system-main-menu ul.menu.secondary ul.menu-social li:hover {

        background: none;

      }



      #block-system-main-menu ul.menu.secondary ul.menu-social li a {

        color: #01244d;

        font-family: 'pernod-icon';

        font-size: 18px;

        font-style: normal;

      }



      #block-system-main-menu ul.menu.secondary ul.menu-social li a:hover {

        color: #bf0000;

      }









/***********

*  FOOTER  *

***********/



#footer {

  height: auto;

  margin-top: 0;

  text-align: left;

  width: 100%;

}



#block-custom-search-blocks-1,

#block-menu-menu-menu-footer-up,

#block-menu-menu-menu-footer-up ul.menu li {

  display: block;

}



#block-custom-search-blocks-1 {

  padding: 10px 0;

  position: relative;

  width: 100%;

}



  #block-custom-search-blocks-1 form,

  #block-custom-search-blocks-1 form > div {

    overflow: hidden;

    width: 100%;

  }



  #block-custom-search-blocks-1 .form-item {

    display: inline-block;

    float: none;

    margin: 0;

    padding: 0;

    position: static;

  }



  #block-custom-search-blocks-1 .form-item input {

    position: static;

  }



  #block-custom-search-blocks-1 .form-actions {

    display: inline-block;

    margin: 0;

    padding: 0;

  }



    #block-custom-search-blocks-1 .form-actions button {

      margin: 0.85em 0;

      padding: 0 12px 0 26px;

    }



#block-menu-menu-menu-footer-up {

  height: 60px;

  padding-bottom: 2em;

  padding-top: 0;

}



#block-menu-menu-menu-footer-up ul.menu li.archives {

  padding-top: 10px;

}



#block-menu-menu-menu-footer-middle ul.menu {

  border-bottom: solid 1px #dedede;

  border-top: solid 1px #dedede;

}



#block-menu-menu-menu-footer-middle ul.menu li {

  background: transparent;

  display: block;

  font-size: 0.7em;

  margin: 0;

  padding: 22px 0 22px 25px;

  -webkit-transition: 0.4s background ease;

  -moz-transition: 0.4s background ease;

  -ms-transition: 0.4s background ease;

  -o-transition: 0.4s background ease;

  transition: 0.4s background ease;

  vertical-align: middle;

  zoom: 1;

}



#block-menu-menu-menu-footer-middle ul.menu li:hover,

#block-menu-menu-menu-footer-middle ul.menu li:active {

  background: #fff;

}



#block-menu-menu-menu-footer-middle ul.menu li + li {

  border-top: solid 1px #dedede;

  margin: 0;

}



#block-menu-menu-menu-footer-social,

#block-block-1 {

  text-align: center;

}



#block-menu-menu-menu-footer-social ul.menu {

  margin: 0 auto;

  width: 300px;

}



#block-block-1 {

  margin: 2em auto 0 auto;

  width: auto;

}



#footer .page-top {

  padding: 20px;

  text-align: right;

}



#footer .page-top a {

  color: #01224d;

  font-size: 12px;

  font-style: italic;

}



#footer-mobile-menu {

  overflow: hidden;

  width: 100%;

}



  #footer-mobile-menu ul.menu {

    margin: 0;

    overflow: hidden;

    padding: 0;

    width: 100%;

  }



    #footer-mobile-menu ul.menu li {

      float: left;

      position: relative;

      width: 50%;

    }



      #footer-mobile-menu ul.menu li span {

        color: #FFF;

        display: none;

        position: absolute;

        text-align: center;

        text-transform: uppercase;

        top: 85%;

        width: 100%;

      }



      #footer-mobile-menu ul.menu li img {

        display: block;

        width: 100%;

      }



#block-menu-menu-menu-footer-up ul.menu li a.icon-archive {

  margin: 0.7em 0.7em 0.7em 0.5em;

}



#block-menu-menu-menu-footer-social ul.menu {

  width: 100%;

}



@media all and (max-width: 410px) {

#block-menu-menu-menu-footer-social ul.menu {

  width: 270px;

}

}



@media all and (max-width: 275px) {

#block-custom-search-blocks-1 .form-item input {

  width: 80%;

}



#block-menu-menu-menu-footer-up ul.menu li a {

  margin: 0.1em;

}



#block-menu-menu-menu-footer-social ul.menu {

  width: 200px;

}

}