/*

Theme Name: Alchemi
Theme URL: http://alchemi.ie/
Description: A clean and fresh website template
Author: Better Business Results
Author URL: http://betterbusinessresults.com/
Version: 1.0
Tags: fixed-width, two-columns, right-sidebar

*/

  /* ------------- General ------------- */
  @font-face {
    font-family: 'aleoregular';
    src: url('fonts/aleo-regular-webfont.eot');
    src: url('fonts/aleo-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/aleo-regular-webfont.woff2') format('woff2'),
         url('fonts/aleo-regular-webfont.woff') format('woff'),
         url('fonts/aleo-regular-webfont.ttf') format('truetype'),
         url('fonts/aleo-regular-webfont.svg#aleoregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

  @font-face {
    font-family: 'aleoitalic';
    src: url('fonts/aleo-italic-webfont.eot');
    src: url('fonts/aleo-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/aleo-italic-webfont.woff2') format('woff2'),
         url('fonts/aleo-italic-webfont.woff') format('woff'),
         url('fonts/aleo-italic-webfont.ttf') format('truetype'),
         url('fonts/aleo-italic-webfont.svg#aleoitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

  body{
    margin: 0;
    padding: 0;
    background: #fff;
    font-family: arial, sans-serif;
  }

  body.home {
   background: #fff url('http://alchemi.ie/wp-content/uploads/2017/10/slidebg.jpg') no-repeat top center;
  }

.ipagebox {
   background: #fff url('http://alchemi.ie/wp-content/uploads/2017/10/slidebg.jpg') no-repeat center;
}

  .wrap{
    width: 960px;
    margin: 0 auto;
  }

  .clear{
    clear: both;
  }

  img{
    border: 0;
  }

  .italicfont{
   font-family: 'aleoitalic';
  }

  h1, h2, h3, h4, h5, h6{
    font-family: 'aleoregular';
    font-weight: normal;
  }

  #container{

  }

  .arrow-bullet{
    background: url('images/arrow-bullet.png') no-repeat center left;
    padding-left: 15px;
  }

  .alignleft{
    float: left;
  }

  .alignright{
    float: right;
  }

  /* ------------- Header ------------- */

  #header{

  }

  #header .wrap{
    background: #fff url('images/header-bg.png') repeat-x bottom left;
    padding: 25px;
    width: 910px;
  }

  #header .logo{
    float: left;
  }

  #header .logo a{
    display: block;
    width: 233px;
    height: 79px;
    background: url('http://alchemi.ie/wp-content/uploads/2015/05/alchemi_logo.png') no-repeat top left;
    overflow: hidden;
    text-indent: -9999px;
  }

  #header .header-right{
    font-family: 'aleoregular';
    float: right;
    text-align: right;
  }

   #header .header-right p{
     margin: 0;
   }


  #header .header-right .phone{
    font-size: 22px;
    margin-top: 15px;
  }

  /* ------------- Navigation ------------- */

  #navigation{

  }

#navigation #mobile-nav{
display: none;
}

#navigation .mobile-menu-access{
display: none;
}

  #navigation .wrap{
    background: url('images/transparent-bg-lime.png') top left;
   height: 48px;
  padding: 0 10px;
  width: 940px;
  }

   #navigation ul{
     list-style: none;
     margin: 0;
     padding: 0;
   }

    #navigation ul li{
     display: block;
     float: left;
     position: relative;
    }

     #navigation ul li a{
       color: #fff;
       font-family: 'aleoregular';
       text-decoration: none;
       display: block;
         padding: 15px;
     }


       #navigation ul li.current-menu-item:after, #navigation ul li.current_page_item:after{
          content: '';
          width: 19px;
          height: 12px;
          background: url('images/nav-active.png') no-repeat top left;
          position: absolute;
  bottom: -12px;
  left: 50%;
  margin-left: -9.5px;
       }

#navigation ul li ul{
position: absolute;
display: block;
width: 250px;
background: url('images/transparent-bg-lime.png') top left;
z-index: 10;
display: none;
}

#navigation ul li ul li{
display: block;
float: none;
border-top: 1px solid #fff;
}


       /* ------------- Featured ------------- */

       #featured{
            margin-bottom: 20px;
       }

       #featured .wrap{
         position: relative;
         height: 447px;
       }

       #featured .featured-meta{
         position: absolute;
         bottom: 0;
         color: #fff;
         width: 538px;
       }

       #featured .featured-meta h2{
         margin: 0;
          background: url('images/featured-title-bg.png') top left;
          padding: 10px 25px;
  font-size: 28px;
       }

       #featured .featured-meta .featured-content{
         background: url('images/transparent-bg.png') top left;
           padding: 13px 25px;
       }

       #featured .featured-meta .featured-content p{
         margin: 0;
         line-height: 22px;
       }

       #featured .testimonials{
         width: 422px;
         height: 214px;
         position: absolute;
          background: url('images/header-testi-bg.png') no-repeat top left;
          bottom: 0;
          right: 0;
       }

        #featured .testimonials .testi-wrap{
          color: #fff;
          font-style: italic;
          width: 300px;
  position: absolute;
  top: 0;
  left: 58px;
  text-align: center;
  height: 214px;
  overflow: hidden;
        }

        #featured .testimonials ul{
          list-style: none;
          margin: 0;
          padding: 0;
        }


        #featured .testimonials .testi-wrap h3{
          font-size: 26px;
  margin: 0;
  margin-top: 30px;
        }

        #featured .testimonials .testi-wrap p{
          line-height: 20px;
          font-size: 14px;
        }

        #featured .testi-author{
          font-weight: bold;
        color: #bf9850;
        }

        #featured .testi-author a{
          font-weight: bold;
        color: #bf9850;
        text-decoration: none;
        }

        /* ------------- Content ------------- */

        #content{
        margin: 30px 0;
        }

        #content .home-info-box{
          width: 300px;
          float: left;
          margin-right: 30px;
margin-bottom: 5px;
        }

        #content .home-info-box h3{
          background: #596b6a;
          color: #fff;
          padding: 12px 25px;
          font-size: 24px;
          margin: 0;
        }

        #content .home-info-box .info-content{
          background: #eaeaea;
          padding: 25px;
min-height: 205px;
        }

        #content .home-info-box .info-content p{
          font-size: 14px;
          line-height: 22px;
          margin-top: 0;
        }

        #content .home-info-box .info-content p.arrow-bullet{
          margin-bottom: 0;
        }


        #content .home-info-box .info-content a{
          color: #596b6a;
          text-decoration: none;
        }

        #content .home-info-box .info-content a:hover{
          text-decoration: underline;
        }

        #content .home-video{
          margin-top: 10px;
          margin-right: 30px;
          float: left;
width: 630px;
margin-bottom: 30px;
        }

#content .home-video img{
width: 100%;
}
        #content .newsletter-box{
          width: 300px;
          float: left;
          margin-top: 10px;
margin-bottom: 30px;
        }

        #content .newsletter-box h3{
          background: #596b6a;
          color: #fff;
          padding: 12px 25px;
          font-size: 24px;
          margin: 0;
        }

        #content .newsletter-box .newsletter-content{
           background: #eaeaea;
          padding: 25px;
padding-bottom: 24px;
        }

        #content .newsletter-box input[type="text"], #content .newsletter-box input[type="email"], #content .newsletter-box textarea{
        display: block;
  padding: 10px;
  margin-bottom: 15px;
  border-radius: 5px;
  border: 1px solid #ccc;
  color: #555;
  width: 91%;
font-family: arial, sans-serif;
        }

        #content .newsletter-box input[type="submit"]{
          display: block;
  border: 0;
  background: #596b6a;
  color: #fff;
  padding: 12px 17px;
  text-transform: uppercase;
  border-radius: 5px;
  font-family: 'aleoregular';
  font-size: 14px;
  float: right;
  cursor: pointer;
        }

        .page #content h1, .single #content h1, .archive #content h1{
          font-size: 34px;
        }

        .page #content h2, .single #content h2, .archive #content h2{
          font-size: 26px;
        }

        .page #content h3, .single #content h3, .archive #content h3{
          font-size: 22px;
        }

        .page #content, .single #content, .archive #content{
          line-height: 24px;
          margin: 35px 0;
        }

        .page #content p, .single #content p, .archive #content p{
          margin: 20px 0;
        }

        .page #content a, .single #content a, .archive #content a{
          color: #3F4F4E;
        }

#content #main-col{
width: 630px;
float: left;
margin-right: 30px;
}

#content #main-col .post{
margin-bottom: 35px;
}

#content #main-col .post h2{

}

#content #main-col .post h2 a{
text-decoration: none;
}

#content #main-col .post h2 a:hover{
text-decoration: underline;
}

#content #main-col .post .postmeta{
font-size: 14px;
  border-top: 1px dotted #000;
  border-bottom: 1px dotted #000;
  padding: 5px 0;
}

#content #main-col .post .postmeta a{
text-decoration: none;
}

#content #main-col .post .postmeta a:hover{
text-decoration: underline;
}

#content #main-col .post .featured-img{
width: 200px;
float: left;
margin-right: 20px;
margin-bottom: 20px;
}

#content #main-col .post .featured-img img{
width: 100%;
}

#content #main-col .post .readmore{
  display: block;
  border: 0;
  background: #596b6a;
  color: #fff;
  padding: 6px 15px;
  border-radius: 5px;
  font-family: 'aleoregular';
  font-size: 15px;
  cursor: pointer;
  text-decoration: none;
  text-align: center;
float: left;
margin-right: 30px;
}

#content #right-col{
  width: 300px;
float: left;
}

#content #right-col .widget{
margin-bottom: 30px;
}

#content #right-col h3 {
  background: #596b6a;
  color: #fff;
  padding: 12px 25px;
  font-size: 24px;
  margin: 0;
}

#content #right-col .widget-content {
  background: #eaeaea;
  padding: 25px;
}

#content #right-col .widget-content ul{
margin: 0;
padding: 0;
list-style-position: inside;
}

#content #right-col .widget-content ul li{
margin-bottom: 5px;
}

#content #right-col .widget-content ul li a:hover{
text-decoration: none;
}

#content #respond label{
display: block;
}

        /* ------------- Footer ------------- */

        #footer{

        }

        #footer .footer-top{
          background: #ececec;
          padding: 20px 0;
        }

        #footer .footer-top ul{
          list-style: none;
          margin: 0;
          padding: 0;
        }

        #footer .footer-top ul li{
          display: inline-block;
          margin-right: 15px;
margin-bottom: 10px;
        }

        #footer .footer-top ul li a{
          color: #000;
          text-decoration: none;
          font-size: 14px;
        }

         #footer .footer-top ul li a:hover{
           text-decoration: underline;
         }

         #footer .footer-top p{
           color: #717171;
           margin-bottom: 0;
           font-size: 14px;
         }

#footer .footer-top .alignleft{
max-width: 710px;
}

#footer .footer-top .alignleft p{
margin-top: 5px;
}

         #footer .footer-bottom{
           background: #000;
           text-align: center;
           padding: 20px 0;
         }

         #footer .footer-bottom p{
           margin: 0;
           color: #9B9B9B;
           font-size: 12px;
           line-height: 20px;
         }

#wpcf7-f119-o1 p{
margin: 0;
}

.breadcrumbs {
    width: 960px;
    margin: 0 auto;
    padding: 70px 0px 20px;
    font-size: 14px;
    text-align: right;
    color: #fff;
}

.breadcrumbs a {
color: #fff;
text-decoration: none;
}