@media screen {

#sidebar.fixed .quickbook {
    max-width: 700px!important;
    padding-left: 230px;
}


/*------ inline button ------*/
.text_container .button {
        padding-top: 5px;
        padding-right: 25px;
        padding-bottom: 5px;
        padding-left: 25px;
}

/*------  footer social media logos remove left alignment space ------*/
footer ul li {
    margin-left: 0em!important;
    margin-right: .5em!important;
}


/*------  calendar bordering ------*/
.ui-widget-content {
    border-color: #cead28 /*{borderColorContent}*/;
    background: #FFFFFF /*{bgColorContent}*/;
    color: #cead28 /*{fcContent}; */;
}

/*------  calendar chosen date ------*/
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    border: 1px solid #230f13;
    background: #cead28 url(ximages/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;
    font-weight: normal;
    color: #ffffff;
}

/*------  quickbook no links ------*/
.quickbooklinks div {
    display: block;
    padding: 2px 0 2px 12px;
    font-size: 90%;
    color: #3d2113;
}

/*------  Change linespacing quickbook links ------*/
.quickbooklinks a {
    line-height: 130%!important;
}

/*------  Arrow Border ------*/
.scrolldown, .scrollup, .nav-icons > div, .icons .icon-button {
    border-color: #eeeeee;
}

/*------  Size font increase ------*/
p,li {
    font-size: 130% !important;
}
h4 {
    font-size: 175% !important;
}

/*------  Quickbook Links border ------*/
.quickbooklinks li {
    border-top-color: #eeeeee!important;
}

/*------ Main Booking Button ------*/
.quickbookbutton {
    color: white!important;
}

/*------ Nav adjustments ------*/
nav a {
    font-size: 14px!important;
}
nav.navtop .firstlevel > li {
    border-left: 0px solid #FFFFFF!important;
}

/*------ Features button ------*/
.button.booknow {
    font-weight: 700;
    padding: 2px 10px 0px 10px!important;
}


/*------ Features box stop hover ------*/
.page_layout_Widget .feature .text .description, .page_layout_Widget .feature .text .description-text {
    background-color: #230f13!important;
}

.page_layout_Widget .feature .text .description, .page_layout_Widget .feature .text .description-text {
    background-color: none!important;
}



/*------ Features box grad background ------*/

.page_layout_Widget .features:not(.larger_setup) .feature
{
background: #3d2113!important; /* Old browsers */
background: -moz-linear-gradient( top, #3d2113 0%, #230f13 100% )!important;; /* FF3.6+ */
background: -webkit-gradient( linear, left top, left bottom, color-stop( 0%, #3d2113 ), color-stop( 100%, #230f13 ) )!important;; /* Chrome,Safari4+ */
background: -webkit-linear-gradient( top, #3d2113 0%, #230f13 100% )!important;; /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient( top, #3d2113 0%, #230f13 100% )!important;; /* Opera 11.10+ */
background: -ms-linear-gradient( top, #3d2113 0%, #230f13 100% )!important;; /* IE10+ */
background: linear-gradient( to bottom, #3d2113 0%, #230f13 100% )!important;; /* W3C */

}

/*------ FONT TITLE, SUBTITLE ------*/
.parallax .overlay span.title {
    font-size: 29px!important;
	    font-weight: 600!important;
}

.parallax .overlay span.subtitle {
    font-size: 18px!important;
}



/*------ FONT TITLE, SUBTITLE ------*/
span.title {
    font-size: 19px!important;
	    font-weight: 600!important;
}

span.subtitle {
    font-size: 18px!important;
}

/*------ FONT CONTENT TITLE ------*/
h1.content_title {
    font-weight: 600!important;
    font-size: 38px!important;
}

/*------ FONT H2 ------*/
h2 {
    font-size: 24px!important;
    font-weight: 600!important;
}

/*------ TITLE FONT ------*/
.titles_title.section_title {
    font-size: 28px!important;
    font-weight: 600!important;
    color: #cead28!important;
}

/*------ Parallax increase description FONT ------*/
span.description-text {
    font-size: 16px!important;
}

/*------ BUTTON FONT ------*/
.image_grid_content > div.image_grid_content_cta span, .banner.show_info a .overlay span.button, .parallax .overlay a.button {
    font-weight: 700!important;
    padding: 6px 20px 4px 20px!important;
}

/*------ FOOTER FONT ------*/
footer .ym-grid {
    line-height: 1.5em;
    font-size: 1.57em;
}

.increasefont {
    font-size: 125%;
}

/*------ SET FONT ------*/
body {
		font-family: 'Frank Ruhl Libre', serif;
	}



/*------ LOGO ------*/
.logo {
	background-image: url(/includes/img/number31-logo-3.jpg);
	background-repeat: no-repeat;
	height: 128px;
}


/*------ ALIGN SOCIAL AND FLAGS ------*/

.languages li a img{
	vertical-align: middle;
}

	.social_links li a img{
	vertical-align: middle;
}

/*------ NO CAM ICON ------*/
.showimages {
	display: none!important;
}


/*------ Quickbook move up ------*/


#sidebar .ym-wbox {
	margin-top: -1px!important;
}

/*------ BOOK BUTTON TEXT ------*/
.bookbutton {
	font-size: 20px;
	font-family: 'Crimson Text', serif;

}

/*------ Body Text colour and style inside flexible layout page ------*/
.page_layout_Flexible .box-content > .text_container p {
	line-height: 1.5em;
	font-size: 15px;
}

/*------ Main Title on Page ------*/
.content_title {
    font-size: 34px!important;
}



/*------ image text row description text increase ------*/
.page_layout_Flexible .images-and-texts .image-text .text span.description-text {
    font-size: 18px;
}


/*------ widen image text row button ------*/
.page_layout_Flexible .image-and-text-footer .button {
	width: 120px;
	padding-right: 20px;
	padding-left: 20px;
}

/*------ adjust widget blocks read more button ------*/
.image_grid_content > div.image_grid_content_cta span, .banner.show_info a .overlay span.button, .parallax .overlay a.button {
    padding: 4px 20px 4px 20px;    border-radius: 3px;     font-size: 14px;
}

/*------ social nav background hover ------*/
nav.navbottom.navtopright li:hover {
    background-color:#3d2113!important;
}

/*------ reduce width book now ------*/
.button.booknow {
    font-weight: 700;
    padding: 2px 2px 0px 2px!important;
}

/*------ remove footer rollovers ------*/
nav li:hover, nav li:active {
    background-color: #230f13!important;
}

nav li:hover > a, nav.navbottom li:hover > a {
    color: #ffffff!important;
}



/*------ fix H4 out of position ------*/
.page_layout_Flexible .box-content > .text_container h4 {
    padding: 0 0px 15px 0px!important;

}

	nav.navtop, nav.mobile, .navmobile-index .firstlevel, .mobile-buttons, .mobile-show .icon_cont {
		background: #6fa287;
		background: -moz-linear-gradient( top, #3d2113 0%, #230f13 100% );
		background: -webkit-gradient( linear, left top, left bottom, color-stop( 0%, #6fa287 ), color-stop( 100%, #6fa287 ) );
		background: -webkit-linear-gradient( top, #6fa287 0%, #6fa287 100% );
		background: -o-linear-gradient( top, #3d2113 0%, #230f13 100% );
		background: -ms-linear-gradient( top, #3d2113 0%, #230f13 100% );
		background: linear-gradient( to bottom, #333F48 0%, #333F48 100% );
		-ms-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3d2113', endColorstr='#230f13', GradientType=0 );
	}
	.bookbutton, .booknow {
		border: 1px solid #333f48;
		border-bottom: 1px solid #333f48;
		-webkit-box-shadow: inset 0 1px 0 0 #333f48;
		box-shadow: inset 0 1px 0 0 #333f48;
	}
	.bookbutton, .booknow, .promote {
		background-color: #333f48;
		background-image: -webkit-gradient( linear, left top, left bottom, color-stop( 0%, #333f48 ), color-stop( 100%, #333f48 ) );
		background-image: -webkit-linear-gradient( top, #333f48, #333f48 );
		background-image: -moz-linear-gradient( top, #cead28, #cead28 );
		background-image: -ms-linear-gradient( top, #cead28, #cead28 );
		background-image: -o-linear-gradient( top, #cead28, #cead28 );
		background-image: linear-gradient( top, #cead28, #cead28 );
		-ms-filter: progid:DXImageTransform.Microsoft.gradient( startColorStr='#cead28', EndColorStr='#cead28' );
		color: #fff;
		text-shadow: 0 1px 0 #333f48;
	}
	#sidebar .ym-wbox {
		background: #6fa287;
		background: #6fa287;
		border-left-color: #FFFFFF;
		border-right-color: #FFFFFF;
		-webkit-box-shadow: 2px 0px 2px rgba(0, 0, 0, 0.42);
		-moz-box-shadow: 2px 0px 2px rgba(0, 0, 0, 0.42);
		box-shadow: 2px 0px 2px rgba(0, 0, 0, 0.42);
	}
	.content_title {
		color: #6fa287;
	}
	.arrow-down  {
		border-top-color: #333f48;
	}
	.arrow-up  {
		border-bottom-color: #333f48;
	}
	.scrolldown:hover, .scrollup:hover, .nav-icons > div:hover, .icons .icon-button:hover {
		background-color: #333f48;
		border-color: #333f48;
	}
	.scrollup:hover > span {
		border-bottom: 10px solid #6fa287;
	}
	.scrolldown, .scrollup, .nav-icons > div, .icons .icon-button {
		background-color: #6fa287;
		border-color: #646464;
		color: #6fa287;
	}
	.scrollup:hover > span {
		border-bottom: 10px solid #6fa287;
	}
	.scrolldown:hover > span {
		border-top: 10px solid #6fa287;
	}
	footer {
		background: #333f48;
		background: -moz-linear-gradient( top, #3d2113 0%, #230f13 100% );
		background: -webkit-gradient( linear, left top, left bottom, color-stop( 0%, #333f48 ), color-stop( 100%, #333f48 ) );
		background: -webkit-linear-gradient( top, #333f48 0%, #333f48 100% );
		background: -o-linear-gradient( top, #3d2113 0%, #230f13 100% );
		background: -ms-linear-gradient( top, #3d2113 0%, #230f13 100% );
		background: linear-gradient( to bottom, #333f48 0%, #333f48 100% );
		border-color: #6fa287;
		color: #FFFFFF;
	}
	nav.navbottom li a {
		color: #fff;
	}
	.titles_title.section_title {
		color: #6fa287!important;
		font-size: 28px;
		font-weight: normal!important;
		text-transform: uppercase;
	}
	.page_layout_Widget .features:not(.larger_setup) .feature {
		background: #6fa287!important;
		background: -moz-linear-gradient( top, #3d2113 0%, #230f13 100% )!important;
		background: -webkit-gradient( linear, left top, left bottom, color-stop( 0%, #6fa287 ), color-stop( 100%, #6fa287 ) )!important;
		background: -webkit-linear-gradient( top, #6fa287 0%, #6fa287 100% )!important;
		background: -o-linear-gradient( top, #3d2113 0%, #230f13 100% )!important;
		background: -ms-linear-gradient( top, #3d2113 0%, #230f13 100% )!important;
		background: linear-gradient( to bottom, #6fa287 0%, #6fa287 100% )!important;
	}
	.page_layout_Widget .feature .text .description, .page_layout_Widget .feature .text .description-text {
		background-color: #6fa287!important;
		font-family: 'PT Sans', sans-serif;
	}
	nav li:hover, nav li:active {
		background-color: #6fa287!important;
	}
	nav.navbottom.navtopright li:hover {
		background-color: #6fa287!important;
	}
	nav .firstlevel > li li {
		border-bottom-color: #333f48;
		border-top-color: #333f48;
	}
	nav .firstlevel ul {
		background: #333f48;
		-webkit-box-shadow: 2px 2px 2px rgba( 0, 0, 0, 0.2 );
		-moz-box-shadow: 2px 2px 2px rgba( 0, 0, 0, 0.2 );
		box-shadow: 2px 2px 2px rgba( 0, 0, 0, 0.2 );
	}
	.bookbutton:hover, .booknow:hover {
		border-color: #4a5964;
		border-bottom-color: #4a5964;
		-webkit-box-shadow: inset 0 1px 0 0 #4a5964;
		box-shadow: inset 0 1px 0 0 #4a5964;
		text-shadow: 0 1px 0 #4a5964;
	}
	.bookbutton:hover, .booknow:hover, .promote:hover {
		background: #4a5964;
	}
	.green-button .bookbutton {
		background-color: #6fa287;
		background-image: -webkit-gradient( linear, left top, left bottom, color-stop( 0%, #6fa287 ), color-stop( 100%, #6fa287 ) );
		background-image: -webkit-linear-gradient( top, #6fa287, #6fa287 );
		background-image: -moz-linear-gradient( top, #cead28, #cead28 );
		background-image: -ms-linear-gradient( top, #cead28, #cead28 );
		background-image: -o-linear-gradient( top, #cead28, #cead28 );
		background-image: linear-gradient( top, #cead28, #cead28 );
		-ms-filter: progid:DXImageTransform.Microsoft.gradient( startColorStr='#cead28', EndColorStr='#cead28' );
		color: #fff;
		text-shadow: 0 1px 0 #6fa287;
	}
	.green-button .bookbutton {
		border: 1px solid #6fa287;
		border-bottom: 1px solid #6fa287;
		-webkit-box-shadow: inset 0 1px 0 0 #6fa287;
		box-shadow: inset 0 1px 0 0 #6fa287;
	}
	.green-button .bookbutton:hover {
		border: 1px solid #4a5964;
		border-bottom: 1px solid #4a5964;
		-webkit-box-shadow: inset 0 1px 0 0 #4a5964;
		box-shadow: inset 0 1px 0 0 #4a5964;
	}
	.green-button .bookbutton:hover {
		background-color: #4a5964;
		background-image: -webkit-gradient( linear, left top, left bottom, color-stop( 0%, #4a5964 ), color-stop( 100%, #4a5964 ) );
		background-image: -webkit-linear-gradient( top, #4a5964, #4a5964 );
		background-image: -moz-linear-gradient( top, #4a5964, #4a5964 );
		background-image: -ms-linear-gradient( top, #4a5964, #4a5964 );
		background-image: -o-linear-gradient( top, #4a5964, #4a5964 );
		background-image: linear-gradient( top, #4a5964, #4a5964 );
		-ms-filter: progid:DXImageTransform.Microsoft.gradient( startColorStr='#4a5964', EndColorStr='#4a5964' );
		color: #fff;
		text-shadow: 0 1px 0 #4a5964;
	}
	#main {
		background: #ffffff;
		background: -moz-linear-gradient( top, #FFFFFF 0%, #FFFFFF 100% );
		background: -webkit-gradient( linear, left top, left bottom, color-stop( 0%, #ffffff ), color-stop( 100%, #ffffff ) );
		background: -webkit-linear-gradient( top, #ffffff 0%,#ffffff 100% );
		background: -o-linear-gradient( top, #FFFFFF 0%,#FFFFFF 100% );
		background: -ms-linear-gradient( top, #FFFFFF 0%,#FFFFFF 100% );
		background: linear-gradient( to bottom, #ffffff 0%,#ffffff 100% );
		-ms-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#FFFFFF',GradientType=0 );
		color: #333f48;
	}
	.box-content > .text_container p {
		font-family: 'PT Sans', sans-serif;
	}
	.image_grid_content >div.image_grid_content_text {
		font-family: 'PT Sans', sans-serif;
	}
	.grid-footer-bottom {
		border-color: #6fa287;
	}
	.ym-gbox {
		font-family: 'PT Sans', sans-serif;
	}
	.bookbutton {
		font-family: 'PT Sans', sans-serif;
		font-weight: bold;
	}
	.rates .title {
		text-transform: uppercase;
    color: #6fa287;
	}

  .rates .description {
    color: #333f48;
}

	span.title {
		font-size: 15px!important;
	}
	span.description  {
		font-family: 'PT Sans', sans-serif;
	}
	.button.booknow {
		font-family: 'PT Sans', sans-serif;
	}
	.rates .booknow {
		font-size: 100%;
		font-weight: normal;
	}
	h1.content_title {
		font-size: 45px!important;
		text-transform: uppercase;
	}
	.page_layout_Flexible .box-content > .text_container p {
		line-height: 28px;
	}
	.feature .text .title {
		text-transform: uppercase;
	}
	.image_grid_content >div.image_grid_content_title {
		font-weight: normal;
	}
	h3 {
		border-color: #6fa287;
		color: #6fa287;
	}
	.box-content a {
		color: #6fa287;
	}
	.content_subtitle {
		border-color: #ffffff;
		color: #ffffff;
	}
	.page_layout_Flexible .images-and-texts-box .ym-grid {
		background: #6fa287;
		background: -moz-linear-gradient( top, #3d2113 0%, #230f13 100% );
		background: -webkit-gradient( linear, left top, left bottom, color-stop( 0%, #6fa287 ), color-stop( 100%, #6fa287 ) );
		background: -webkit-linear-gradient( top, #6fa287 0%, #6fa287 100% );
		background: -o-linear-gradient( top, #3d2113 0%, #230f13 100% );
		background: -ms-linear-gradient( top, #3d2113 0%, #230f13 100% );
		background: linear-gradient( to bottom, #6fa287 0%, #6fa287 100% );
		-ms-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3d2113', endColorstr='#230f13', GradientType=0 );
	}
	.box-content a.button {
		color: #ffffff;
	}
	.box-content a.button:hover {
		color: #ffffff;
	}
	li.promote a {
		color: #ffffff;
		text-shadow: 0 1px 0 #333f48;
		background-color: #74a085;
	}
	nav.mobile .show i {
		color: #6fa287 !important;
	}
	.text_container .bookbutton {
		background-color: #6fa287;
		background-image: -webkit-gradient( linear, left top, left bottom, color-stop( 0%, #6fa287 ), color-stop( 100%, #6fa287 ) );
		background-image: -webkit-linear-gradient( top, #6fa287, #6fa287 );
		background-image: -moz-linear-gradient( top, #cead28, #cead28 );
		background-image: -ms-linear-gradient( top, #cead28, #cead28 );
		background-image: -o-linear-gradient( top, #cead28, #cead28 );
		background-image: linear-gradient( top, #cead28, #cead28 );
		-ms-filter: progid:DXImageTransform.Microsoft.gradient( startColorStr='#cead28', EndColorStr='#cead28' );
		color: #fff;
		text-shadow: 0 1px 0 #6fa287;
	}
	.page_layout_Flexible .images-and-texts .image-text .text span.title {
		font-family: 'Frank Ruhl Libre', serif;
		font-size: 29px !important;
		text-transform: uppercase;
	}
	.voucher-tag {
		display:none;
		position: absolute;
	}
	#sidebar.fixed .voucher-tag {
		display: none;
	}

	.image_grid_content >div.image_grid_content_title{
		font-weight: normal;
		text-shadow: 1px 1px 1px #000000;
	}

	/*New Mobile tab layout*/

li.promote a {
    color: #ffffff;
    text-shadow: 0 1px 0 #333f48;
    background-color: #74a085;
}
    .page_layout_Widget .box-content > .text_container ul{
        padding: 0 25px;
    }

    .page_layout_Widget .box-content > .text_container table {
        margin-left: 25px;
    }
    .page_mobile_menu .image_grid_container_item.title_only .image_grid_content, .image_grid_container_item.on_hover .image_grid_content {
        background: rgba(0,0,0,0.5);

    }
    .page_mobile_menu li.promote a {
        color: #ffffff;
        text-shadow: 0 1px 0 #ffffff;
    }
    .page_mobile_menu nav.navmobile-index {
            width: 58%;
    margin: 5px auto 20px auto;
    opacity: 0.94;
    }
    .page_mobile_menu nav.navmobile-index li a{
    background-image: none!important;
    color: #ffffff;
    font-weight: 600;
    padding-left: 0px;
    text-align: center;
    font-size: 16px;
    }

    .page_mobile_menu nav.navmobile-index li.promote{
    background-image: none!important;
    color: #ffffff;
    font-weight: normal;
    border-top: 1px solid #fff;

    }
    .page_mobile_menu nav.navmobile-index li{
        background:rgba(0 ,0,0,0.35);
        border:1px solid #fff;
        margin-bottom:10px;
    }

    .page_mobile_menu nav.navmobile-index a {
        background-repeat: no-repeat;
        height: 62px;
        line-height: 69px;
        padding: 0;
        padding-left: 28px;
        font-size: 120%;
    }
    .page_mobile_menu .firstlevel{
        background:none!important;
    }
    .page_mobile_menu nav.navmobile-index ul {
        border-radius: .2em;
        overflow: hidden;
    }
    .page_mobile_menu nav.navmobile-index a:before {
        border-color:transparent;
        background-color: transparent;
    }
    .page_mobile_menu nav.navmobile-index a:after {
    border-left-color: #ffffff;
    }
    .page_mobile_menu nav.navmobile-index a:after {
    position: absolute;
    content: '';
    top: 29px;
    right: 26px;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left-width: 8px;
    border-left-style: solid;
    width: 0;
    height: 0;
    display:none;
    }
    .page_mobile_menu nav.navmobile-index a:before {
    position: absolute;
    content: '';
    top: 24px;
    right: 20px;
    border-width: 0px;
    border-style: solid;
    width: 20px;
    height: 20px;
    line-height: 20px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    }
/*End New Mobile tab layout*/

.rates{
		display: none;
	}
}
@media screen and (max-width: 990px){
    .page_mobile_menu #page {
        background-image: url(https://www.number31.ie/includes/img/number-31-garden.jpg);
        background-repeat: no-repeat;
        background-position: 50% 0;
    }
}