/*
Theme Name: Orla Murphy Designs
Theme URI: http://www.orlamurphydesigns.ie
Author: Hilmon Arts
Author URI: http://www.hilmonarts.com
Description: Responsive Wordpress theme
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

Text Domain: orla

*/


* { box-sizing:border-box; -moz-box-sizing:border-box; } 

html { height:100%; }

body { height:100%; background:#fff; font-family:'Open Sans',Helvetica,Arial,sans-serif; font-size:10px; color:#545859; }

.push-wrapper { min-height:100%; height:auto !important; height:100%; margin:0 auto -50px; }
.footer, .push { height:50px; clear:both; }

.gradient { background:linear-gradient(top, #EAE5D9 0%,#ffffff 100%); background:linear-gradient(to bottom, #EAE5D9 0%,#ffffff 100%); }

img { height:auto; width:auto; box-sizing:content-box; -moz-box-sizing:content-box; }

.wrapper { max-width:1140px; width:100%; margin:0 auto; padding:0 20px; position:relative; }

.header { background:url(images/header-bg.jpg) no-repeat #814fb0; background-size:cover; padding:60px 0 30px; }

.header .logo { width:96%; max-width:1056px; display:block; margin:0 auto; padding-bottom:10px; }
.header .tag-line { width:90%; max-width:1056px; display:block; margin:0 auto; text-align:right; }


.main-nav {  font-weight:400; position:relative; z-index:999; text-align:center; background:#f0ebe0; border-top:8px solid #fff; border-bottom:8px solid #fff; }
.main-nav > ul { display:inline; font-size:1.7em; line-height:2em; }
.main-nav > ul > li { display:inline-block; padding:10px 1.5%; white-space:nowrap; position:relative; text-transform:uppercase; letter-spacing:0.05em; }
.main-nav > ul > li:first-child { padding-left:0; }
.main-nav > ul > li:last-child { padding-right:0; }
.main-nav > ul > li > a { color:#4881c4; text-decoration:none; opacity:1; transition:opacity 300ms; }
.main-nav > ul > li > a:hover { opacity:0.7; }
.main-nav > ul > li.current-menu-item > a { color:#7c51b6; }

.main-nav ul ul { display:none; position:absolute; top:50px; left:22px; font-size:0.813em; width:auto; text-align:left; background-color:#fff; z-index:+1; }
.main-nav > ul > li:first-child ul { left:-20px; }
.main-nav ul li:hover ul { display:block; }
.main-nav ul ul a { color:#4881c4; text-decoration:none; display:block; padding:10px 20px; transition:background-color 300ms; }
.main-nav ul ul a:hover { background-color:#ADC0E0; }
.main-nav ul ul > li.current-menu-item > a { color:#000; }



/*** CONTAINERS ***/

div.container { padding-top:50px; }

/*** Page with Sidebar ***/
.container-outer { overflow:visible; margin-bottom:40px; }
.container-inner { max-width:66%; float:left; margin-right:33%; overflow:visible; position:relative; z-index:10; border-right:1px solid #e4e4e4;  }
.container-inner .content { float:left; padding-right:6%; width:100%; }
.sidebar { float:right; width:30%; position:relative; margin-right:-33%; }

/*** Page without Sidebar ***/
.container-inner.full { max-width:100%; float:none; margin-right:0; border-right:none; }
.container-inner.full .content { float:none; padding-right:0; }

/*** Content Clearfix ***/

.content:before, .content:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  
.content:after { clear: both; }  
.content { zoom: 1; } 

.wrapper > .content { padding-top:30px; position:relative; }  

/*** GRID ***/

div.col { float:left; margin:0 0 5% 0; }

.col-1 > div.col { width:100%; margin-right:0; }

.col-2 > div.col { width:47.5%; margin-right:5%; }
.col-2 > div.col:nth-of-type(2n+2) { margin-right:0; }

.col-3 > div.col { width:30%; margin-right:5%; }
.col-3 > div.col:nth-of-type(3n+3) { margin-right:0; }

.col-4 > div.col { width:21.25%; margin-right:5%; }
.col-4 > div.col:nth-of-type(4n+4) { margin-right:0; }

.col-2-1 > div.col:nth-of-type(odd) { width:65%; margin-right:5%; }
.col-2-1 > div.col:nth-of-type(even) { width:30%; margin-right:0; }

.col-3-1 > div.col:nth-of-type(odd) { width:73.75%; margin-right:5%; }
.col-3-1 > div.col:nth-of-type(even) { width:21.25%; margin-right:0; }


.col-2 > div.col:nth-of-type(1),
.col-3 > div.col:nth-of-type(1),
.col-4 > div.col:nth-of-type(1),
.col-2-1 > div.col:nth-of-type(1),
.col-3-1 > div.col:nth-of-type(1) { clear:left; } 

/*** LISTS ***/

.content ul { font-size:1.6em; line-height:1.5em; margin:0 2px 1.5em 0; overflow:hidden; }
.content ul li { list-style-type:disc; margin:0 0 0.75em 30px; } 

.content ul li .fa-check { color:#a0bc3e; }

.content ul.arrow-list { overflow:visible; }
.content ul.arrow-list li:before { content:"\f0da"; font-family:'FontAwesome'; font-style:normal; font-size:1.5em; color:#566267; position:absolute; top:0.015em; left:-1em; transition:left 300ms; }
.content ul.arrow-list li:hover:before { left:-0.75em; }
.content ul.arrow-list li { position:relative; list-style-type:none; }

.content ul.arrow-link-list { overflow:visible; }
.content ul.arrow-link-list li { list-style-type:none; }
.content ul.arrow-link-list li a:before { content:"\f0da"; font-family:'FontAwesome'; font-style:normal; font-size:1.5em; color:#566267; position:absolute; top:0.015em; left:-1em; transition:left 300ms; }
.content ul.arrow-link-list li a:hover:before { left:-0.75em; }
.content ul.arrow-link-list li a { position:relative; }

.content ul.tick-list { overflow:visible; }
.content ul.tick-list li:before { content:"\f00c"; font-family:'FontAwesome'; font-style:normal; color:#566267; position:absolute; top:0.15em; left:-1.5em; }
.content ul.tick-list li { position:relative; list-style-type:none; }

.content ul.pdf-list { margin-left:0.5em; overflow:visible; }
.content ul.pdf-list li:before { content:"\f1c1"; font-family:'FontAwesome'; font-style:normal; color:#bc3e3e; font-size:2em; position:absolute; top:0.15em; left:-1em; }
.content ul.pdf-list li { position:relative; list-style-type:none; padding-top:0.25em; margin-bottom:1.5em; }


/*** HOMEPAGE SLIDE GALLERY ***/

.thumbs-wrapper { float:left; width:50%; }
.thumbs-wrapper img { display:block; }

.gallery-size-thumbs-wrapper dl.gallery-item { float:left; width:45%; margin:0 6.5% 7.5% 0; }
.gallery-size-thumbs-wrapper dl:nth-of-type(2n+2) { margin-right:0; }
.gallery-size-thumbs-wrapper .gallery-icon { border:17px solid #fff; box-shadow:0 4px 3px 0 rgba(0,0,0,0.5); }

.slide-wrapper { float:right; width:48.5%; }

.bxslider-gallery { border:17px solid #fff; box-shadow:0 4px 3px 0 rgba(0,0,0,0.5); }

.bx-controls { display:none; }

/*** PHOTO GALLERY ***/

.gallery-size-thumbnail dl.gallery-item { float:left; width:21.25%; margin:0 5% 3% 0; }
.gallery-size-thumbnail dl:nth-of-type(4n+4) { margin-right:0; }
.gallery-size-thumbnail dl:nth-of-type(4n+5) { clear:left; }
.gallery-size-thumbnail br { display:none; }

.gallery-size-thumbnail .gallery-icon { box-shadow:0 4px 3px 0 rgba(0,0,0,0.5); }
.gallery-size-thumbnail .gallery-icon img { display:block; }

.gallery-size-thumbnail .gallery-item .gallery-caption { text-align:center; padding:10px 0; font-size:1.2em; line-height:1.5em; }



/*** H ***/

h1, h2, h3, h4,
.h1, .h2, .h3, .h4 { font-family:'Montserrat',Helvetica,Arial,sans-serif; font-weight:300; line-height:1.25em; color:#6E52AE; }

h2 { font-size:2.6em; padding-bottom:0.5em; margin-bottom:0.5em; }

h1, h2.h1 { font-size:2.8em;  padding:0 0 0.75em; margin-bottom:1em; border-bottom: 5px solid rgba(0, 0, 0, 0.1); } 



.content h3,
.sidebar h3 { font-size:2.2em; padding-bottom:0.5em; margin-bottom:0.5em; border-bottom:1px solid #e4e4e4; }
.sidebar h3 { font-size:3em; }

.content h4,
.sidebar h4 { font-size:2em; padding-bottom:0.5em; margin-bottom:0.5em; border-bottom:1px solid #e4e4e4; }

.center { text-align:center; }

.col-3 img { width:100%; }


/*** FORMS ***/

input, textarea, select {
  /* -webkit-appearance: none; */
  -webkit-border-radius: 0;
}

select { -webkit-appearance: none; }


div.wpcf7 { margin:10px auto; padding:20px 0 70px; width:70%; position:relative; }

.wpcf7 form:before, .wpcf7 form:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  
.wpcf7 form:after { clear: both; }  
.wpcf7 form { zoom:1; position:relative; } 

.screen-reader-response { display:none !important; } 

.wpcf7 p.notice { float:none; width:96%; font-size:1.1em; display:block; text-align:center; }

.content .wpcf7 p { float:left; width:45%; margin:0 2% 2.5%; }
.wpcf7 p.full { float:none; width:94%; }
.wpcf7 label { display:inline-block; line-height:2.5em; display:none; }
.wpcf7 input, .wpcf7 textarea { width:100%; border:1px solid #D5D1C8; background-color:#fff; background-color:rgba(255,255,255,0.7); border-radius:4px; padding:10px; font-family: 'Open Sans', Helvetica,Arial,sans-serif; font-size:15px; color:#4881c4; }
.wpcf7 textarea { height:120px; resize:vertical; }
.wpcf7 input.short { width:50%; }

.wpcf7 img.wpcf7-captchac { float:right; margin-right:10px; position:relative; top:10px; max-width:40%; }
input.wpcf7-submit {
    text-transform:uppercase; color:#fff;
    font-size: 1.3em;
		padding:6px 0;
		background-color:#78B6DC;
		border:none;
		cursor:pointer;
		transition: background-color 300ms;
		-webkit-appearance: none;
}
input.wpcf7-submit:hover { background-color:#418EBA;  }

.wpcf7 span.wpcf7-not-valid-tip,
.wpcf7 span.wpcf7-not-valid-tip-no-ajax { display:none !important; }

.wpcf7-response-output {
		background:none;
		border:none !important;
		margin:0 !important;
		padding: 0 !important;
		z-index: 999;
		font-size:15px;
		text-align:center;
		position:absolute;
		bottom:-25px;
		right:0;
		width:100%;
		color:#000;
}

div.wpcf7 p img.ajax-loader { position:absolute; left:50%; margin:0; padding:0; margin-left:-32px; top:auto; bottom:-10px; }

.wpcf7-not-valid { border-color:#b15852 !important; }

span.wpcf7-form-control-wrap { display:inline !important; }



/*** FOOTER ***/


.footer { position:relative; padding:5px 0; border-top:1px solid #F0EBE0; }
.footer .wrapper  { border-top:1px solid #fff; min-height:50px; padding-top:14px; font-size:1.3em; }
.footer .wrapper a { color:#4881c4; transition:color 300ms; }
.footer .wrapper a:hover { color:#4881c4; }
.footer .wrapper .hilmon { float:right; line-height:1.75em; }




/*** BUTTONS ***/



/*** PAGES ***/

.content p { font-size:1.6em; line-height:1.5em; margin:0 2px 1.5em; text-align:justify; }

.content strong { font-size:105%; }

.content p a,
.content li a { color:#4d7382; transition:color 300ms; }

.content p a:hover,
.content li a:hover { color:#468e6d; }

.content h1 a,
.content h2 a,
.content h3 a,
.content ul.arrow-link-list a { color:#4d7382; text-decoration:none; }

.content ul.arrow-link-list a:hover,
.content a:hover { color:#468e6d; }


/*** VIDO PAGE ***/

.videowrapper { float:none; clear:both; width:100%; position:relative; padding-bottom:56.25%; padding-top:25px; height:0; margin-bottom:20px; }
.videowrapper iframe { position:absolute; top:0; left:0; width:100%; height:100%; }


/*** TESTIMONIAL SLIDES ***/

.testimonials { padding:50px 20px; }

.testimonial { text-align:center; }

.testimonial blockquote { display:inline; position:relative; padding:0; font:italic 2em/2 "Merriweather", "Times New Roman", Times, serif; color:#cecece; }

.testimonial blockquote p { display:inline; }

.testimonial span { display:block; color:#fff; font-size:1.2em; }

/** GOOGLE MAP **/

.entry.gmap { padding:2%; } 

#map-frame { width:100%; height:auto; margin-bottom:20px; }
#map_canvas { width:100%; height:400px; border:10px solid #fff; }
#map_canvas img { max-width:none; }
#map-frame h3 { font-size:1em; text-align:center; line-height:1em; }
#map-frame .info-box p { display:block; text-align:center; font-size:0.8em; }
#map-frame .instructions { margin-top:15px; }
#map-frame .instructions p { display:block !important; text-align:center; color:#999; }





/*** SOCIAL ICONS ***/

.social-wrapper { text-align:center; max-width:500px; margin:10px auto; }
.social-wrapper a { display:inline-block; margin:3% 2.5%; text-decoration:none; }
.social { max-width:50px; height:auto; border-radius:50%; background-color:#222; background-color:rgba(255,255,255,0.2); transition:background-color 400ms; }
.social:hover { background-color:#444; background-color:rgba(255,255,255,0.4); }
.social .fa { display:block; width:50px; height:50px; color:#fff; line-height:50px; }


/*** Pageination ***/


.navigation {
    font-size:1.4em;
    text-align: center;
}
.navigation ol.wp-paginate {
    display: inline;
    list-style-type: none;
    text-align: center;
}
.navigation ol.wp-paginate li {
    display: inline;
    margin:0;
}
.navigation ol.wp-paginate li a {
    background: none repeat scroll 0 0 #999;
    color: #bbb;
    display: inline-block;
    font-weight: 400;
    padding: 5px 10px;
		color: #fff;
}
.navigation ol.wp-paginate li a:hover {
    background:#666;
}

.navigation ol.wp-paginate .current {
    background:#bbb;
    color: #fff;
    padding: 7px 11px;
		border:2px solid #fff;
}


/*** 404 ***/

.error404 .content { margin-bottom:50px; }

.error404 .content img.alignright { margin-top:-70px; }

.error404 .content h3 { border-bottom:none; line-height:1.5em; }



/*** MISC ***/

img.alignleft { float:left; margin:3px 25px 5px 0; }
img.alignright { float:right; margin:3px 0 5px 25px; }
img.aligncenter { display:block; margin:5px auto 25px; }

.line { line-height:2em; margin-bottom:2em; border-bottom:1px solid #e4e4e4; }

.overflow { overflow:hidden; }

.clear { clear:both; padding:1% 0; }

.text-center { text-align:center; }



@media only screen and (max-width: 1140px) {
	
	
	
	
	.main-nav .wrapper > ul > li { padding:10px 3%; }
	


}

@media only screen and (max-width: 1060px) {
	
	.footer .wrapper  { text-align:center; }
	.footer .wrapper .hilmon { float:none; line-height:4em; display:block; }
	
	.sub-footer { text-align:center; }
	
	.sub-footer .hilmon { display:block; float:none; }

}

@media only screen and (max-width: 1023px) {

	
	.main-nav > ul { font-size:1.6em; }
	
	


}



@media only screen and (max-width: 980px) {
	
	
	
	
	.container-inner { margin-right:24%; }
	.sidebar { margin-right:-32%; width:29%; }
	
	.content .col h1, 
	.content .col h2, 
	.content .col h3, 
	.content .col h4 { font-size:2.2em; }
	
	
}

@media only screen and (max-width: 890px) {
	
	.main-nav { clear:both; float:none; }
	
	div.wpcf7 { padding:5% 0; }

}

@media only screen and (max-width: 768px) {

	
	.header { border-bottom:none; margin-bottom:0; padding:30px 0 20px; }
	
	.col-2 > div.col,
	.col-3 > div.col:nth-of-type(n),
	.col-4 > div.col:nth-of-type(n),
	.col-2-1 > div.col:nth-of-type(n),
	.col-3-1 > div.col:nth-of-type(n),
	.gallery-size-thumbnail dl.gallery-item:nth-of-type(n) { width:47.5%; margin-right:5%; }
	
	.col-2 > div.col:nth-of-type(2n+2),
	.col-3 > div.col:nth-of-type(2n+2),
	.col-4 > div.col:nth-of-type(2n+2),
	.col-2-1 > div.col:nth-of-type(2n+2),
	.col-3-1 > div.col:nth-of-type(2n+2),
	.gallery-size-thumbnail dl.gallery-item:nth-of-type(2n+2) { margin-right:0; }
	
	#wprmenu_menu ul li a, #wprmenu_menu ul li a:hover { font-size:16px !important; }
	
	div.wpcf7 { width:100%; }

}

@media only screen and (max-width: 700px) {

	.box-button { font-size:1.4em; }
	
	.push-wrapper { margin:0 auto; }
	.push { height:0;  }
	.footer { height:auto; padding-bottom:35px; }
	.footer .col-3 { width:100%; max-width:400px; margin:0 auto 8% !important; float:none; }
	
	input.wpcf7-submit { font-size:1.4em; }
	.wpcf7 img.wpcf7-captchac { margin-right:2%; }
	
}

@media only screen and (max-width: 691px) {

	

}

@media only screen and (max-width: 600px) {
	

	
	.col-2 > div.col:nth-of-type(n) { width:100%; margin-right:0; }
	
	.container-inner { margin:0; float:none; border:none; }
	/* .content { margin:0; float:none; padding-right:0; border-bottom:1px solid #ccc; margin-bottom:3%; padding-bottom:3% } */
	.sidebar { width:100%; margin:0 auto; float:none; max-width:480px;  }

	.footer .wrapper img { max-width:549px; width:100%; display:inline-block; }
	
	.page-template-default img.alignright { float:none; display:block; margin:2% auto 5%; }
	
	.content .wpcf7 form p { float:none; width:94%; margin:0 2% 2.5%; }
	
	.content .wpcf7 form { padding-bottom:30px; }
	
}

@media only screen and (max-width: 470px) {

	
	.header .wrapper { padding:0; }
	
	.thumbs-wrapper { display:none; }
	
	.slide-wrapper { float:none; width:100%; margin-bottom:7%; }
	
	.box-button { font-size:1.8em; }
	
	.col-3 > div.col:nth-of-type(n),
	.col-4 > div.col:nth-of-type(n),
	.col-2-1 > div.col:nth-of-type(n),
	.col-3-1 > div.col:nth-of-type(n) { width:100%; margin:0 0 5%; }
	
	.content p { text-align:left; }
	
	
}

@media only screen and (max-width: 380px) {
	
	
	
	

}

