/* Cust Styles */


.container {
  max-width: 1055px; /* supercedes template.css line 7008 */
}

.mobile_only,
.only_mobile {
  display: none;
}

body {
  background-repeat: no-repeat;
  background-position: center top;
  background-attachment: fixed;
  background-size: cover;
}

body.site.fluid {
  background-color: #00144b;
}

div#page {
  margin-left: auto;
  margin-right: auto;
  /* background-color:rgba(0,0,0,0.5); */
  /* background: linear-gradient(transparent,transparent,rgba(0,0,0,0.5));  */
}

h1,h2,h3,
h1 a,h2 a,h3 a {
  color: #00259a;
}

h1 {
  font-size: 200%;
}

body p {
  /* font-size: 20px;   */
  font-size: 13px;
  line-height: 120%;
  color: #666;
  text-align: justify;
}

div[itemprop='articleBody'] p {
  padding-right: 80px;
}

body.cols-1 div.item-page p {
  padding-right: 0;
}

div#home_why_what  p {
  padding-right: 0;
}

.nav > li > a:hover, 
.nav > li > a:focus {
  background-color: transparent;
}

div.item-page ul {
  width: 595px;
  /* height: 305px;  20141208KL */
  overflow:hidden;
}

div.item-page li {  
  width: 50%;
  float:left;
  display:inline;
  
}

div.item-page ul.single_col {
  height: auto;
  display: table;
  overflow: visible;
  width: 579px;
  width: 90%;
}

div#main_content div.item-page ul.single_col li{  
  width: 100%;
  float:left;
  display: table-row;
  font-size: 13px;
  line-height: 120%;
  color: #666;
  text-align: justify;
  padding-left: 18px;
}

div#main_content div.item-page ul.single_col li:before {  
  content: url('../images/pint_icon.png'); 
  text-align: right;
  margin-right: 3px;
  margin-left: -14px;
  position: relative;
  top: 5px;
  right: 3px;
}

div.item-page li:before {  
  content: url('../images/pint_icon.png'); 
  margin-right: 3px;
}

ul.pager.pagenav li:before {
  content: '';
}

.container-fluid {
  padding: 0;
}

div#header {
  margin-top: 38px;
  margin-bottom: 25px;
  
}

div#header_top {
  margin-left: auto;
  margin-right: auto;
  background-color: red;
  /* height: 200px; */  /*  ####### temporary */
}

div#header_centre_middle {
  margin-top: 100px;
}

div#header_left_middle img { /* small adj for image */
  margin-left: -2px;
}

ul.top_menu_class {
  width: 800px;
  background-color: transparent;
}

ul.top_menu_class li a span,
span.linker {
  color: white;
  font-size: 22px;
  font-weight: bold;
  cursor: pointer;
}  

div#logo_container {
  background-color: transparent;
  border: none;
  position: relative;
  bottom: -150px;
}

div#header_right {
  float: right;
  margin-left: 0;
}

div.header_social_media a {
  margin-left: 6px;
}

div#header_right_middle {
  margin-top: 40px;
}

div#header_right div.header_search input{
  margin-left: 13px;
  width: 255px;
  color: #ccc;
}

div#header_right_middle .icon-search:before {
  content: "\53";
  color: #57c1e8;
}

div#header_right_middle button {
  background-color: transparent;
  border: none;
  position: relative;
  bottom: 25px;
  left: 250px;
}
/* =============================================================*/
/* ===============  Top Menu (Desktop) =========================*/
/* =============================================================*/

ul#responsiveMenu91.responsiveMenuTheme1.isDesktop > li {
  height: 58px;
  padding-top: 5px;
}

#responsiveMenu91.responsiveMenuTheme1.isDesktop > li#item-102  { 
  width: 11%;
  background-image: url('/images/media/clover.png');
  background-repeat: no-repeat;
  background-position: left top;
  background-size: 58px;
  padding-left: 5px;
}
#responsiveMenu91.responsiveMenuTheme1.isDesktop > li#item-102  a { 
  padding-left: 0;
}

#responsiveMenu91.responsiveMenuTheme1.isDesktop > li#item-103  { 
  width: 12%;
}
#responsiveMenu91.responsiveMenuTheme1.isDesktop > li#item-103  a { 
  padding-left: 7%;
}

#responsiveMenu91.responsiveMenuTheme1.isDesktop > li#item-104  { 
  width: 17%;
}

#responsiveMenu91.responsiveMenuTheme1.isDesktop > li#item-105  { 
  width: 17%;
}

#responsiveMenu91.responsiveMenuTheme1.isDesktop > li#item-106  { 
  width: 17%;
}

#responsiveMenu91.responsiveMenuTheme1.isDesktop > li#item-107  { 
  width: 11%;
}

#responsiveMenu91.responsiveMenuTheme1.isDesktop > li#item-108  { 
  width: 14%;
}

#responsiveMenu91.responsiveMenuTheme1.isDesktop span.opener {      /* down-arrow on parent item */
  display: none;
}

#responsiveMenu91.responsiveMenuTheme1.isDesktop > li ul li a span{  /* child menu items */
  font-size: 90%;
  color: #012a98;
}

#responsiveMenu91.responsiveMenuTheme1.isDesktop a:hover  { 
  background-color: transparent;
}

#responsiveMenu91.responsiveMenuTheme1.isDesktop > li ul li a:hover  { 
  background-color: #57c1e8;
}

#responsiveMenu91.responsiveMenuTheme1.isDesktop a:hover span.linker {       /* Mouse-over text colour */
  color: #5dc2e5;
}

#responsiveMenu91.responsiveMenuTheme1.isDesktop > li ul li a:hover span.linker {  /* Mouse-over text colour child items */
  color: black;
}

#responsiveMenu91.responsiveMenuTheme1.isDesktop li.active > a {             /* Active item b/g  */
  background-color: transparent;
}

#responsiveMenu91.responsiveMenuTheme1.isDesktop > li ul li.active > a {     /* Active item on submenu b/g  */
  background-color: #00259a;
}

#responsiveMenu91.responsiveMenuTheme1.isDesktop li.active > a span.linker{  /* Active item text colour */
  color: #5dc2e6;
}

div#header_centre_bottom .responsiveMenuTheme1 li li > a {
  background-color: white;
  height: 25px;
  line-height: 4px;
  padding-top: 0;
  border: 0;
}

div#header_centre_bottom .responsiveMenuTheme1 span.linker {
  padding-top: 15px;
}

div#header_centre_bottom .responsiveMenuTheme1 li ul li span.linker {
  padding-top: 10px;
}

div#header_centre_bottom .responsiveMenuTheme1.isDesktop li a,
div#header_centre_bottom .responsiveMenuTheme1.isDesktop span.navHeader {
  border: 0;
}



/* =============== END : Top Menu ==============================*/

div#main_content_wrapper {
  padding: 30px 60px;
  padding-left: 60px;
}

body.pagetype-home div#main_content_wrapper {
  padding-left: 70px;
}


div#main_content_wrapper {
    /* border: 2px solid red; */
    border-radius: 30px;
    background-color: #fff;
    /* opacity: 0.90; */
    background-color:rgba(255,255,255,0.95);
}

body.pagetype-home div#main_content_wrapper {
  background-image: url('/images/media/the_tail.png');
  background-repeat: no-repeat;
  background-position: 18px 10px;
}

div#main_content {
   /* border: 1px solid green; */
   padding-bottom: 40px;
   margin-left: -10px;
}

div#main_content div.item-page li {
  list-style-image: url('../images/pint_icon.png'); 
  margin-bottom: 8px;
  font-weight: bold;
  color: #00259a;
  font-size: 105%;
  font-family: Ubuntu;
}


div#home_middle3  img#image1,
div#home_middle3  img#image2 {
  margin-right: 9px;
}

div#home_why_what  {
  margin-left: -40px;
}

body.pagetype-home div#main_content { /* Only on the Home page */
   
}

div#main_content div#content_left,
div#main_content div#content_right  {
  /* margin-top: 200px; */
  margin-bottom: 20px;
}

div#main_content div#content_right  {
  float:right;
}

div#main_content div#content_left div.custom,  /* Individual modules */
div#main_content div#content_right div.custom {
  margin-top: 20px;
  margin-bottom: 25px;
}

div#main_content div#content_left div.custom  img,  
div#main_content div#content_right div.custom img{
  border-radius: 15px;
}

div#main_content div#content_left {
  float: left;
  margin-left: 0;
}

div#main_content div#content {
  margin-left: 0;
}

div#main_content div#content div.item-image { /* Full Article Image Image - orig hidden */
  display:none;
}

div#main_content div#content.span12 img { /* Image on 1 col page */
  margin-left: 15px;
}
div#main_content div#content.span12 img.book_now_left { 
  margin-left: 0;
}

body.pagetype-home div#main_content div#content.span12 img {
  margin-left: 0;
  margin-top: 8px;
  width: 307px;
}

div#main_content div#article_image {
  margin-bottom: 30px;
}
div#main_content div#article_image img{ /* Our replacement */
  width: 955px;
}

div#main_content_wrapper.has_left div#content {
  margin-left: 20px;
}

div#footer {
  color: #57c1e8;
  /* background-color:rgba(0,0,0,0.5); */
  border-radius: 30px;

}

ul#footer_quick_links,
ul#footer_social_links {
  list-style: none;
}

ul#footer_quick_links {
  margin-left: 60px;
}

ul#footer_social_links {
  margin-left: 50px;
}

ul#footer_quick_links li a,
ul#footer_social_links li a {
  display: inline-block;
  color: white;
  font-size: 16px;
  font-weight: bold;
}

ul#footer_quick_links li a:hover,
ul#footer_social_links li a:hover {
  color: #57c1e8
}

ul#footer_quick_links li:before,
ul#footer_social_links li:before {
  color: #57c1e8;        
  content:"\2022";        /* /2022 is the numerical unicode for &bull;   */
  font-size:1.5em;        /* set the font-size of the bullet if necessary. Make sure to use em or %  */
  padding-right:.25em;    /* give the bullet some padding from the text Make sure to use em          */
  position:relative;
  top:.1em;               /* set the vertical position of the bullet if necessary. Make sure to use em or % */
}

div#footer_contact_form {
  margin-left: 47px;
}

div#footer_contact_form textarea,
div#footer_contact_form select,
div#footer_contact_form input {
  color: #57c1e8;
}
div#footer_contact_form textarea {
  font-size: 13px;
  line-height: 120%;
}


div#footer_bottom {
  border-top: 1px solid #666;
}

div#footer_bottom p,
div#footer_bottom a {
  color: white;
}


div#footer_bottom_left,
div#footer_bottom_middle,
div#footer_bottom_right {
  height: 100px;
}

div#footer_bottom_left .custom,
div#footer_bottom_middle .custom,
div#footer_bottom_right .custom {
  margin-top: 15px;
}

div#footer_bottom_left p {
  font-size: 80%;
}

div#footer_bottom_middle {
  margin-left: 12%;
}

div#footer_bottom_right {
  margin-left: 130px;
  width: 150px;
}

a#cquent_footer_tag {
  font-size: 10px;
  margin-left: 6px;
}


div#reg_form_errorloc  {
  background-color: #333;
}

div#reg_form_errorloc ul {
  height: auto;
  width: auto;
  list-style: bullet;
  background-color: transparent;
}

div#reg_form_errorloc li {
  font-weight: bold;
}

div#reg_form_errorloc li:before {
  content: '';
}

div#main_content div.item-page div.error_strings li {
  list-style-image: none;
  color: red;
  background-color: black;
}

div#footer_top,
div#footer_centre,
div#footer_bottom {
  margin-left: 20px;
}

div#footer_centre_right {
  width: 330px;
  margin-left: 0;
}


 /* =============== Image Slider ========================================== */
 
     body {
       -webkit-font-smoothing: antialiased;
       font: normal 15px/1.5 "Helvetica Neue", Helvetica, Arial, sans-serif;
       color: #232525;
     }
 
     .container {
       margin: 0 auto
     }

     div#slides_outer {
       margin-top: 10px;

     }
 
     #slides {
       display: none; 
     }
 
     #slides .slidesjs-navigation {
       margin-top:3px;
     }
 
     #slides .slidesjs-previous {
       margin-right: 5px;
       float: left;
     }
 
     #slides .slidesjs-next {
       margin-right: 5px;
       float: left;
     }
 
     .slidesjs-pagination {
       margin: 6px 0 0;
       float: right;
       list-style: none;
     }
 
     .slidesjs-pagination li {
       float: left;
       margin: 0 1px;
     }
 
     .slidesjs-pagination li a {
       display: block;
       width: 13px;
       height: 0;
       padding-top: 13px;
       background-image: url(img/pagination.png);
       background-position: 0 0;
       float: left;
       overflow: hidden;
     }
 
     .slidesjs-pagination li a.active,
     .slidesjs-pagination li a:hover.active {
       background-position: 0 -13px
     }
 
     .slidesjs-pagination li a:hover {
       background-position: 0 -26px
     }
 
     #slides a:link,
     #slides a:visited {
       color: #333
     }
 
     #slides a:hover,
     #slides a:active {
       color: #9e2020
     }
 
     .navbar {
       overflow: hidden;
    }
 
    div#main_content div#content.span12 div#slides img {
      margin-left: 0;
      width: auto;
    }
    
    .slidesjs-navigation, .slidesjs-pagination {
      display:none;
    }
 
 /* ========== END : Image Slider ========================================= */
 
 
 body.pagetype-home div#main_content div#content.span12 img.homepage_discover {
   width: 98%;
   margin-top: 18px;
 }
 
 body.pagetype-home .moduletable .why_dublin_mod,
 body.pagetype-home .moduletable .why_ireland_mod,
 body.pagetype-home .moduletable .whats_new_mod {
   margin-top: 40px;
   height: 230px;
   position: relative;
 }
 
 body.pagetype-home .moduletable .why_dublin_mod h1,
 body.pagetype-home .moduletable .why_ireland_mod h1,
 body.pagetype-home .moduletable .whats_new_mod  h1 {
   font-weight: bold;
 }
 
 body.pagetype-home div#main_content div#home_why_what .moduletable .why_dublin_mod img,
 body.pagetype-home div#main_content div#home_why_what .moduletable .why_ireland_mod img,
 body.pagetype-home div#main_content div#home_why_what .moduletable .whats_new_mod img {
   width: 80px;
   position: absolute;
   bottom: 0;
   right: 0;
 }
 
 div#content div.item-page span.image_right img,
 div#content div.item-page img.image_right {
   float:right;
   position: relative;
   top: -30px;
   /*
   width: 313px;
   height: 201px;
   */
   border-radius: 15px;
   
 }
 
 
 div.clear_after_booknow {
   clear: both;
 }
 
 div#content div.item-page img,
 div#content div.blog div.items-row img{
   border-radius: 15px;
   width: 313px; 
 }
 
 div#content div.item-page img.features_icons {
   width: auto;
 }
 
 img.book_now_left,
 img.learn_more_button {
   width: auto !important;
 }
 
/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */
/* ^^^^^^^^^^^^^^^^^^^^^ DESKTOP STYLES ABOVE THIS LINE ONLY ^^^^^^^^^^^^^^^^^^^^^^^^^^ */
/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */
 
 
/* ##################### Mobile Phones Portrait or Landscape ########################## */
@media screen and (max-width: 640px) {
  
  * {
    z-index: 1;
  }
  
  .mobile_only,
  .only_mobile {
    display: block;
  }


  .not_mobile {
    display: none;
  }
  
  h1,h2,h3,h4,h5,h6 {
    margin: 0;
  }
  
  div[itemprop='articleBody'] p {
    padding-right: 0;
  }

  
  div#header_centre_middle {
    display: none;
  }
  body.pagetype-home div#header_centre_middle {
    display: block;
  }
  
  div#page.container {
    width: auto;
  }
  
  div#page div#header {
    margin: 0;
    margin-top: 2%;
    height: auto;
  }
  
  div#header_left_middle img { /* Main logo */
    margin-left: auto;
    margin-right: auto;
    display: block;
  }
  
  div#header_centre{
  }
  
  
  div#header_centre_middle {
    margin-top: 0;
  }
  
  div#header_right_middle { /* Search box on desktop */
    display: none;
  }
  
  body#main_body {
    background-image: none;
    background-color: white;
  }
  
  body.pagetype-home div#main_content_wrapper {
    background-image: none;
  }
  
  body.pagetype-home div#main_content_wrapper,
  div#main_content_wrapper {
    padding:0;
    margin: 0;
  }
  
  a.toggleMenu.isMobile {
    color: #00259a;
    font-weight: bold;
    background-image: url('../images/mobile_menu_icon.png');
    background-color: white;
  }
  
  div#header_centre_bottom .responsiveMenuTheme1 li li > a {
    background-color: chocolate;
    height: 25px;
    line-height: 4px;
    padding-top: 0;
    border: 0;
    margin-left: 5px;
    width: 200px;
  }

  body.pagetype-home .moduletable .why_dublin_mod {
    margin-top: 10px;
  }

  div.mobile_button_full_width {
    margin: 0 0 5px 1%;
    border: 1px dotted #ccc;
    text-align: center;
    height: 35px;
    padding-top: 10px;
    font-size: 18px;
  }
  
  div.mobile_button_full_width a {
     color: white;
     font-weight: bold;
     font-family: Ubuntu;
  }   
  
   body.pagetype-home .moduletable .why_dublin_mod,
   body.pagetype-home .moduletable .why_ireland_mod,
   body.pagetype-home .moduletable .whats_new_mod {
     margin-top: 40px;
     height: auto;
     padding-bottom: 20px;
   }

  
  div.mobile_button_full_width#surprise_me_button {
    background-color: #ff7800;
  }

  div.mobile_button_full_width#temple_bar_button {
    background-color: #5dc2e6;
  }

  div.mobile_button_full_width#croke_park_button {
    background-color: #2f7d99;
  }

  div.mobile_button_full_width#go_karting_button {
    background-color: #012a98;
  }

  div.mobile_button_full_width#packages_button {
    background-color: #911729;
  }

  
  ul.responsiveMenuTheme1.isMobile  li  {
    background-color: #2f7d99;
  }

  ul#footer_quick_links li a, ul#footer_social_links li a { 
    color: white;
  }

  div#home_middle3 {
    display: none;
  }

  img.homepage_discover {
    display:none;
  }

  div#home_why_what {
    margin-left: 0;
  }
  
  div.item-page ul { /* This and next reverse 2-col bullet lists */
    width: auto;
    height: auto;
    columns: 1;
    -webkit-columns: 1;
    -moz-columns: 1;
  }
  div.item-page ul li { 
    width: 100%;
  }
  
   div#content div.item-page img.image_right {
     margin: 5px 0 5px 0;     
     position: static;     
   }

  
  
  div#footer {
    color: white;
    background-color: #012a98;
    border-radius: 0;
    margin: 0;  
    border-top: 10px solid #57c1e8;
    width: 115%;
    margin-left: -20px;
  }
  div#footer h2 {
    color: white;
    font-size: 12px;
  }
  div#footer a{
    color: white;
  }
  
  div#footer_top {
    border-top: 30px solid #00259a;
    margin-left: 0;
    padding-left: 0;
  }
  
  div#footer_top_middle {
    background-color: #57c1e8;
    height: 90px;
  }
  
  div#footer_top_middle h2 {
    margin-left: 15px;
  }
  
  div#footer_top_middle p {
    margin-left: 10px;
  }
  
  div.item-page ul.single_col {
    width: 85%;
  }
  
  div#test_mod {
    color: red;
    border: 5px solid red;
    background-color: orange;
  }
  
  div#footer_centre_middle {
    width: 97%;
  }
  
  ul#footer_quick_links {
    margin-left: 0;
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
  }
  
  ul#footer_quick_links li a{
    font-size: 11px;  
  }
  
  div#footer_bottom_middle { 
    margin-left: -20px;
    width: 320px;
  }
  
  div#footer_bottom_middle div{ /* Cquent logo */
    width: 50%;
    margin-left: auto;
    margin-right: auto;
  }
  div#footer_bottom {
    border-top: none;
  }

  div#footer_bottom_right { /* not used */
    display: none;
  }

}
 
 
/* ############################################################################## */
@media screen and (min-width: 340px) and (max-width: 770px) and (orientation : portrait){ /* iPad Portrait etc */
    body#main_body {
      background-image: none;
      background-color: #00259a;
      width: 75%;
      margin: 0;
      
    }
    
    body.pagetype-home div#main_content_wrapper {
      /* padding:0; */
      width: 62%;
      background-size: 96%;
      padding-top: 15px;
      padding-left: 50px;
    }
    
    div.item-page li:before {  
      content: '';
    }

    
    body.pagetype-home div#main_content div#content.span12 div#home_middle3 img {
      width: 31%;
    }
    
    div#header_right.span4 {
      width: auto;
    }
   
    
    div#header_centre_bottom {
      position: relative;
      bottom: -33px;
      left: -181px;
    }
    
    ul.top_menu_class {
      background-color: #57c1e8;
    }
    
    div#header_centre_bottom .responsiveMenuTheme1 li li > a ,
    ul.responsiveMenuTheme1.isMobile  li  {
      background-color: #2f7d99;
      background-color: chocolate;
      margin-left: 5px;
    }

    ul.responsiveMenuTheme1.isMobile  li  {
      background-color: #2f7d99;
    }

    
    p.not_mobile {
      display: block;
      height: 5px;
    }
    body.pagetype-home div#main_content div#content.span12 div#home_middle3 img#image1 {
      margin-left: 5px;
    }
    
    body.pagetype-home div#main_content div#content.span12 div#slides_outer {
      width: 96%;
    }
    
    body.pagetype-home div#main_content div#content.span12 img.homepage_discover {
      width: 95%;
      margin-top: 18px;
    }
    
    div#main_content div.item-page ul {
      width: auto;
      height: 100%;
      overflow: visible;
    }
    
    div.item-page ul.single_col {
      width: 60%;
    }

    
    div.item-page li {  
      width: 100%;
      float:left;
      display:list-item;
      
    }
    
    ul#footer_quick_links li a, 
    ul#footer_social_links li a {
      font-size: 14px;
    }
    
    
    
} /* END: iPad Portrait */

@media screen and (min-width: 340px) and (max-width: 770px) and (orientation : landscape){ /* iPad Landscape etc */
  
  body.pagetype-home div#main_content div#content.span12 img.slider_image {
    width: 100%;
  }
  
  body.pagetype-home div#main_content div#content.span12 div.slidesjs-container {
    height: 255px !important;
  }

}




