html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}									
article, aside, figure, footer, header, hgroup, nav, section {display: block;}
img,
object,
embed {max-width: 100%;}
html {overflow-y: scroll;}
ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, 
blockquote:after, 
q:before, 
q:after {content: ''; content: none;}
a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
del {text-decoration: line-through;}
abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}
table {border-collapse: collapse; border-spacing: 0;}
th {font-weight: bold; vertical-align: bottom;}
td {font-weight: normal; vertical-align: top;}
hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}
input, select {vertical-align: middle;}
input[type="radio"] {vertical-align: middle;}
input[type="checkbox"] {vertical-align: middle; }
select, input, textarea {font: 99% sans-serif;}
table {font-size: inherit; }
a:hover, a:active {outline: none;}
small {font-size: 85%;}
strong, th {font-weight: bold;}
td, td img {vertical-align: top;} 
sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;} pre, code, kbd, samp {font-family: monospace, sans-serif;} .clickable,
label, 
input[type=button], 
input[type=submit], 
button {cursor: pointer;} button, input, select, textarea {margin: 0;}* { box-sizing:border-box; -moz-box-sizing:border-box; } 
html { min-height:100vh; }
body { min-height:100vh; background-image:url(//www.custycon.ie/wp-content/themes/custycon/images/white.jpg); background-color:rgb(var(--white)); font-family:'Open Sans',Helvetica,Arial,sans-serif; font-size:62.5%; font-weight:400; color:rgb(var(--text)); }
body.single-project { background-attachment:fixed; }
body.blog,
body.single,
body.archive { background-image:none; }
img { width:100%; height:auto; box-sizing:content-box; -moz-box-sizing:content-box; } .main-container { min-height:calc(100vh - 232px); padding-top:80px; }
.wrapper { max-width:1240px; width:100%; margin:0 auto; padding-left:20px; padding-right:20px; position:relative; }
.wrapper.narrow { max-width:800px; }
.header { padding:25px 0; margin:0; position:fixed; top:0; left:0; width:100%; z-index:201; border-bottom:4px solid rgb(var(--first)); transition:padding .7s, box-shadow .7s;}
.admin-bar .header { top:32px; }
.header .do-flex { position:relative; flex-wrap:nowrap; justify-content:flex-end; }
.header .logo { z-index:202; flex:1 1 auto; position:absolute; top:-25px; left:0; padding:10px 20px 15px; background-color:rgb(var(--white)); box-shadow:3px 3px 7px 1px rgba(0,0,0,0.3); transition:top .7s; }
.header .logo img { display:block; transition:width .7s; }
.header.fixed { padding:10px 0; box-shadow:0 5px 10px 0 rgba(0,0,0,0.1); }
.header.fixed .logo { top:-10px; }
.header.fixed .logo img { width:150px !important; }
.header.fixed .main-menu > ul li.profile:after { width:50px; height:50px; background-size:50px auto; }
.header.fixed .main-menu > ul li.profile a { padding-right:60px; }
.main-menu { position:relative; z-index:201; font-family:'Michroma',Helvetica,Arial,sans-serif; }
.main-menu > ul { font-size:1.4em; display:flex; justify-content:space-between; text-transform:uppercase; }
.main-menu > ul > li { list-style-type:none; position:relative; display:block; float:left; }
.main-menu > ul > li > a { padding:10px 0; margin:0 15px; display:block; text-decoration:none; position:relative; transition:color 300ms; }
.main-menu > ul > li.current-menu-parent > a,
.main-menu > ul > li.current-menu-item > a,
.single-post .main-menu > ul > li.news > a,
.archive .main-menu > ul > li.news > a,
.single-project .main-menu > ul > li.portfolio > a { color:rgb(var(--first)); }
.main-menu ul li { line-height:1em; }
.main-menu > ul > li > a:hover { color:rgb(var(--first-hover)); }
.main-menu ul li a { color:rgb(var(--grey-dark)); }
.main-menu > ul ul { visibility:hidden; opacity:0; transition:opacity 0.2s linear, visibility 0.2s linear; position:absolute; text-transform:none; top:100%; padding:0; left:0; width:auto; min-width:100%; font-size:95%; z-index:+1; overflow:hidden; text-align:left; background-color:rgb(var(--first)); overflow:visible; }
.main-menu > ul > li:hover > ul { visibility:visible; opacity:1; }
.main-menu > ul ul li { display:block; float:none; margin:0; padding:0; width:100%; position:relative; white-space:nowrap; } 
.main-menu > ul ul a { white-space:nowrap; text-decoration:none; display:block; color:rgb(var(--white)); padding:15px 20px; background-color:transparent; transition:all 300ms; }
.main-menu > ul ul > li.current-menu-item a { background-color:rgb(var(--first-hover)); }
.main-menu > ul ul a:hover { background-color:rgba(var(--first-hover),0.7); color:rgb(var(--white)); }
.main-menu > ul > li.menu-item-has-children > a { padding-right:1em; }
.main-menu > ul > li.menu-item-has-children:after { content:"\f0d7"; font:var(--fa-font-solid); display:none; }
.main-menu > ul > li.menu-item-has-children svg { position:absolute; top:calc(50% - 0.5em); right:10px; font-size:1.2em; color:rgb(var(--first)); }
.main-menu > ul > li.mobile-show { display:none; }
.mobile-menu-trigger { display:none; }
.nav-overlay { position:fixed; left:0; top:0; width:100%; min-height:100vh; z-index:200; visibility:hidden; opacity:0; transition:opacity 0.3s linear, visibility 0.3s linear; } .clearfix:after,
.content:after { content:""; display:table; clear:both; } .col-1, .col-2, .col-2-1, .col-3, .col-4, .col-5, .col-6, .gallery { margin-right:-1.5%; margin-left:-1.5%; justify-content:center; }
.col-7 { margin-right:-0.5%; margin-left:-0.5%; justify-content:center; }
.col { margin:0 1.5% 3%; }
.col-1 > div.col { width:97%; }
.col-2 > div.col { width:47%; }
.col-2-1 > div:nth-of-type(odd) { width:63.66%; }
.col-2-1 > div:nth-of-type(even) { width:30.33%; }
.col-1-2 > div:nth-of-type(odd) { width:30.33%; }
.col-1-2 > div:nth-of-type(even) { width:63.66%; }
.col-3 > div.col,.gallery-item { width:30.33%; }
.col-4 > div.col { width:22%; }
.col-5 > div.col { width:17%; }
.col-6 > div.col { width:13.66%; }
.col-7 > div.col { flex:1 1 auto; min-width:135px; margin:0 0.5% 1%; }
.gallery > br { display:none; } .hide-overflow { overflow:hidden; position:relative; }
.do-flex { display:flex; flex-wrap:wrap; }
.nowrap { flex-wrap:nowrap; } .more-button,
input.more-button { font-weight:400; position:relative; border:none; background-color:rgb(var(--first)); padding:0.5em 3.5em 0.5em 1.5em; color:rgb(var(--white)); font-size:2em; line-height:1em; text-align:center; text-decoration:none; display:inline-block; box-shadow:2px 2px 7px 1px rgba(0,0,0,0.3); transition:background-color 300ms, transform 300ms, box-shadow 300ms; }
.more-button:hover,
input.more-button:hover { background-color:rgb(var(--first-hover)); color:rgb(var(--white)); box-shadow:none; transform:translate(3px,3px); }
.content p .more-button { font-size:1.17647em; color:rgb(var(--white)); }
.content .more-button { color:rgb(var(--white)); }
span.more-button { cursor:pointer; }
a.more-button { text-decoration:none; }
.more-button.second { background-color:rgb(var(--second)); color:rgb(var(--white)); }
.more-button.second:hover { background-color:rgb(var(--second-hover)); color:rgb(var(--white)); }
.more-button:after { content:"\f061"; font:var(--fa-font-regular); display:none; }
.more-button svg { color:inherit; position:absolute; top:50%; transform:translateY(-50%); right:1em; }
.read-more { font-weight:600; padding-right:1.5em; position:relative; color:rgb(var(--first)); font-size:1.6em; line-height:1.5em; text-decoration:none; display:inline-block; white-space:nowrap; transition:color 300ms; }
.read-more:hover { color:rgb(var(--first-hover)); }
.content p .read-more { font-size:1em; }
.content .read-more { color:rgb(var(--first)); }
.content .read-more:hover { color:rgb(var(--first-hover)); }
.read-more:after { content:"\f061"; font:var(--fa-font-solid); display:none; }
.read-more svg { color:inherit; position:absolute; top:0.3em; right:0; transition:color 300ms, right 300ms; }
.content .read-more:hover svg { color:inherit; right:-10px; }
a.read-more { text-decoration:none; } h1, h2, h3, h4, h5, h6,
.content p.h-1, .content p.h-2, .content p.h-3, .content p.h-4, .content p.h-5, .content p.h-6 { position:relative; font-family:'Michroma',Helvetica,Arial,sans-serif; font-weight:400; word-spacing:0.25em; line-height:1.125em; margin-bottom:1.25em; color:rgb(var(--grey-dark)); }
.trim, .trim-black { padding-bottom:1.25em; }
.trim:after { content:""; position:absolute; left:0; bottom:0; width:50px; height:8px; background-color:rgb(var(--first)); }
.trim-black:after { content:""; position:absolute; left:0; bottom:0; width:50px; height:8px; background-color:rgb(var(--black)); }
.text-center.trim:after, .text-center .trim:after,
.text-center.trim-black:after, .text-center .trim-black:after { left:calc(50% - 40px); }
h3, .content p.h-3 { font-size:2.4em; }
h4, .content p.h-4 { font-size:2.2em; }
h5, .content p.h-5 { font-size:2em; }
h6, .content p.h-6 { font-size:1.8em; }
h1, .content p.h-1, h2.h-1, h3.h-1, h4.h-1, h5.h-1, h6.h-1 { font-size:2.8em; text-transform:uppercase; }
h2, .content p.h-2, h3.h-2, h4.h-2, h5.h-2, h6.h-2 { font-size:2.6em; } 
h1 a, h2 a{ text-decoration:none; }
.banner-text h1,
.banner-text .h-1 { margin-bottom:0; line-height:1.125em;padding:0.3em 0 0.5em; }
.blocks h1, .blocks h2, .blocks h3, .blocks h4, .blocks h5, .blocks h6 { color:inherit; } .content p { font-size:1.7em; line-height:1.5em; margin:0 0 1.5em; }
strong { font-weight:600; }
.content a:not(.more-button):not(.read-more):not(.button):not(.unset) { color:rgb(var(--first)); transition:all 300ms; }
.content a:not(.more-button):not(.read-more):not(.button):not(.unset):hover { color:rgb(var(--first-hover)); }
.anchor-offset { position:relative; display:block; top:-65px; } .content ul,
.content ol  { font-size:1.7em; line-height:1.5em; margin:0 0 1.5em 0; padding-left:1.5em; overflow:hidden; }
.content ul *,
.content ol * { font-size:1em; }
.content ul li { list-style-type:disc; } 
.content ol li { list-style-type:decimal; } 
.content ul.tick-list { overflow:visible; }
.content ul.tick-list li:before { content:"\f00c"; font:var(--fa-font-solid); display:none; }
.content ul.tick-list li svg { color:rgb(var(--second)); position:absolute; top:0.3em; left:5px; }
.content ul.tick-list li { position:relative; list-style-type:none; margin-left:0; margin-bottom:1em; padding-left:2em; }  .slides-wrapper { position:relative; overflow:hidden; border-bottom:4px solid rgb(var(--first)); min-height:27vw; }
.slides-wrapper .slides div img { display:block; }
.home .slides-wrapper { min-height:45vw; }
.home .slides-wrapper .slides .slide { display:none; position:relative; } .intro { position:relative; z-index:51;}
.intro .intro-box { position:relative; transform:translateY(-120px); background-color:#fff; border-bottom:3px solid #b2c3ca; padding:3%; box-shadow:4px 4px 4px 0 rgba(0,0,0,0.1); }
.intro .intro-box p { font-size:1.7em; }
.home .services { transform:translateY(-60px); }
.service-box { position:relative; padding-top:150px; background-color:rgba(var(--grey-mid),1); }
.service-box .photo { position:absolute; top:0; right:0; bottom:0; left:0; background-position:center center; background-repeat:no-repeat; background-size:cover; opacity:0; transition:opacity 500ms; }
.service-box:hover .photo { opacity:0.4; }
.service-box .service-inner { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); }
.service-box .service-inner .icon-wrapper { position:relative; width:62px; height:58px; margin:0 auto 20px; } 
.service-box .service-inner .icon-wrapper img { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); transition:filter 300ms; }
.service-box:hover .service-inner .icon-wrapper img { -webkit-filter:brightness(0) invert(1); filter:brightness(0) invert(1); }
.service-box .service-inner p { font-size:1.6em; text-align:center; margin-bottom:0; line-height:1em; white-space:nowrap; text-transform:uppercase; color:rgb(var(--grey-dark)); transition:color 300ms; }
.service-box:hover .service-inner p { color:rgb(var(--white)); }
.service-box a { position:absolute; top:0; right:0; bottom:0; left:0; z-index:10; } .slick-slider { position:relative; }
.slick-list { overflow-x:hidden; }
.slick-track { display:flex; }
.slick-track .slick-slide { height:auto; }
.slick-prev, .slick-next { text-indent:-9999px; left:-20px; position:absolute; z-index:10; top:calc(50% - 28px); display:block; width:32px; height:32px; padding:0; cursor:pointer; ; color:transparent; border:none; outline:none; background:transparent; }
.slick-next { left:auto; right:-20px; }
.slick-prev:before { content:"\f0d9"; font:var(--fa-font-solid); display:none; }
.slick-prev svg { position:absolute; top:2px; left:5px; font-size:2em; color:rgb(var(--grey-mid)); }
.slick-next:before { content:"\f0da"; font:var(--fa-font-solid); display:none;}
.slick-next svg { position:absolute; top:2px; left:8px; font-size:2em; color:rgb(var(--grey-mid)); } .logos-wrapper .logos { padding:10px 0; margin:0 30px; }
.logos-wrapper .logos .display { display:none; }
.logos-wrapper .logos .slick-track { display:flex; }
.logos-wrapper .logos .slick-track .display { display:flex; flex-direction:column; padding:0 20px; }
.logos-wrapper .logos .slick-track .display .logo { height:100px; display:flex; align-items:center; justify-content:center; }
.logos-wrapper .logos .slick-track .display img { display:block; height:auto; width:auto; max-height:90px; max-width:180px; margin:0 auto; }
.logos-wrapper .logos .slick-track .display .biog { flex:1 1 auto; }
.logos-wrapper .logos .slick-track .display .links { display:flex; flex-direction:column; align-items:center; } .picture-block { padding:7% 0; }
.picture-block { position:relative; background-color:rgb(var(--first)); }
.picture-block .photo { position:absolute; top:0; right:0; bottom:0; left:0; background-position:center center; background-repeat:no-repeat; background-size:cover; opacity:0.2; }
.picture-block .content .h-1 { color:#40c8f4; margin-bottom:0; }
.picture-block .content p { font-size:2em; margin:1em auto 0; max-width:1000px; } .filter-buttons-wrapper { background-color:rgba(var(--first)); z-index:10; margin-bottom:3%; } .home .filter-buttons-wrapper { background-color:rgba(var(--grey-mid)); transform:translateY(-40px); margin-bottom:0; }
ul.projects-nav { font-size:1.6em; font-weight:600; display:flex; flex-wrap:wrap; width:100%; text-transform:uppercase; margin:0; padding:10px 0; }
ul.projects-nav li { list-style-type:none; flex:1 1 auto; min-width:120px; text-align:center; margin:0; padding:0; }
ul.projects-nav li a { padding:20px 10px; color:rgba(var(--grey-dark)); display:block; text-decoration:none; white-space:nowrap; transition:color 300ms; }
ul.projects-nav li a:hover,
ul.projects-nav li.current_page_item a { color:rgba(var(--first)); }
ul.projects-nav li { line-height:1em; } .filter-buttons-wrapper button.control { border:none; background:none; position:relative; font-size:1.6em; font-weight:600; flex:1 1 auto; position:relative; text-align:center; padding:30px 10px; color:rgba(var(--white)); transition:color 300ms; }
.filter-buttons-wrapper button.control:after { content:""; position:absolute; left:calc(50% - 20px); bottom:0; border:20px solid transparent;  }
.filter-buttons-wrapper button.mixitup-control-active:after { border-bottom-color:rgb(var(--white)); } .grid-wrapper { max-width:2040px; width:100%; margin:0 auto 3%; padding:50% 20px 0; position:relative; }
.grid-wrapper > div { position:absolute; top:0; bottom:0; width:49.75%; }
.grid-wrapper > div.grid-left { left:0; }
.grid-wrapper > div.grid-right { right:0; }
.grid-wrapper > div > div { position:absolute; background-position:center center; background-repeat:no-repeat; background-size:cover; }
.grid-wrapper > div > div a { position:absolute; top:0; right:0; bottom:0; left:0; background-color:rgba(var(--first),0.8); opacity:0; transition:opacity 500ms; }
.grid-wrapper > div > div a:hover { opacity:1; }
.grid-wrapper > div > div a > span { display:inline-block; position:absolute; width:90%; top:50%; left:50%; transform:translate(-50%,-50%); }
.grid-wrapper > div > div a > span span { display:block; color:#fff; text-align:center; font-size:1.8em; }
.grid-wrapper > div > div a > span span.page { font-size:2.4em; }
.grid-wrapper > div.grid-left .photo-1 { width:49.5%; top:0; right:auto; bottom:67%; left:0; }
.grid-wrapper > div.grid-left .photo-2 { width:49.5%; top:34%; right:auto; bottom:41%; left:0; }
.grid-wrapper > div.grid-left .photo-3 { width:49.5%; top:0%; right:0; bottom:41%; left:auto; }
.grid-wrapper > div.grid-left .photo-4 { width:100%; top:60%; right:auto; bottom:0;left:0; }
.grid-wrapper > div.grid-right .photo-1 { width:49.5%; top:0; right:auto; bottom:67.5%; left:0; }
.grid-wrapper > div.grid-right .photo-2 { width:49.5%; top:0; right:0; bottom:67.5%; left:auto; }
.grid-wrapper > div.grid-right .photo-3 { width:100%; top:33.5%; right:auto; bottom:33.5%;left:0; }
.grid-wrapper > div.grid-right .photo-4 { width:49.5%; top:67.5%; right:auto; bottom:0; left:0; }
.grid-wrapper > div.grid-right .photo-5 { width:49.5%; top:67.5%; right:0; bottom:0; left:auto; }
.grid-buttons a.more-button { margin:0 15px 10px; } .testimonial-wrapper .bx-wrapper { padding-bottom:50px; position:relative; }
.bx-wrapper .bx-pager { position:absolute; left:50%; bottom:30px; transform:translateX(-50%); z-index:100; }
.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item { display:inline-block; *zoom:1; *display:inline; }
.bx-wrapper .bx-pager.bx-default-pager a { background-color:transparent; border-bottom:1px solid rgb(var(--grey-light-hover)); text-indent:-9999px; display:block; width:50px; height:10px; padding-bottom:0; margin:0 5px; outline:0; transition:background-color 2s; }
.bx-wrapper .bx-pager.bx-default-pager a:hover { background-color:rgb(var(--grey-dark)); }
.bx-wrapper .bx-pager.bx-default-pager a.active { background-color:rgb(var(--grey-light-hover)); }
.testimonial-slide { display:none; text-align:center; }
.testimonial-slide blockquote:before { content:""; width:48px; height:48px; background:url(//www.custycon.ie/wp-content/themes/custycon/images/quote-left.svg) center center no-repeat; background-size:cover; position:absolute; top:2px; left:20px; }
.testimonial-slide blockquote { display:block; padding:0 120px; position:relative; }
.testimonial-slide blockquote:after { content:""; width:48px; height:48px; background:url(//www.custycon.ie/wp-content/themes/custycon/images/quote-right.svg) center center no-repeat; background-size:cover; position:absolute; top:2px; right:20px;}
.testimonial-slide blockquote p { font-size:1.8em; color:rgb(var(--grey-dark)); }  .inner-banner .slide .wrapper { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); }
.slide h1.page-title,
.slide p.page-title { display:inline-block; font-size:3em; font-weight:600; line-height:1em; padding:0.75em 1em; background-color:rgba(var(--first),0.8); }
.content.page-content > ul { list-style:none; }
.content.page-content > ul li { list-style-type:none; margin-bottom:0.75em; }
.content.page-content > ul li::before { content:"\2022"; font-size:1.6em; color:rgb(var(--first)); font-weight:bold; display:inline-block; width:0.75em; margin-left:-0.75em; position:relative; top:0.125em; }  .blog-posts-wrapper .col { display:flex; flex-direction:column; }
.blog-posts-wrapper .col p.excerpt { flex:1 1 auto; }
.blog-posts-wrapper .col img { display:block; margin-bottom:15px; }
.blog-posts-wrapper .col p.date { font-size:1.4em; margin-bottom:1em; } .work-grids .work-item img { display:block; }
.work-grids .text { background-color:rgba(var(--first),0); flex-direction:column; justify-content:center; align-items:center; transition:background-color 500ms; }
.work-grids .text .inner { opacity:0; position:relative; transform:translateY(20%); transition:opacity 500ms, transform 500ms; }
.work-grids .text .inner p.title { font-size:2.4em; font-weight:600; line-height:1.125em; margin-bottom:0.5em; }
.work-grids .text .inner span { font-size:2em; }
.work-grids .col:hover .text  { background-color:rgba(var(--first),0.7);  }
.work-grids .col:hover .text .inner { opacity:1; transform:translateY(0); } .work-wrapper { padding:calc(4% + 50px) 0 3%; }
.work-wrapper .wrapper { max-width:2400px; padding:0 0 0 20px;  }
.work-wrapper .col-2 { margin:0; }
.work-wrapper .col-2 > div { margin:0 0 3%; width:50%; }
.work-gallery img { display:block; margin-bottom:15px; }
.work-details .sticky-top { position:sticky; top:180px; max-width:572px; margin-left:auto; margin-right:35px; }
.content .work-details ul { list-style:none; }
.content .work-details ul li { list-style-type:none; margin-bottom:0.75em; }
.content .work-details ul li::before { content:"\2022"; font-size:1.6em; color:rgb(var(--first)); font-weight:bold; display:inline-block; width:0.75em; margin-left:-0.75em; position:relative; top:0.125em; } .testimonials-page .testimonial { margin-bottom:4%; padding-bottom:3%; border-bottom:1px solid white; }
.testimonials-page .testimonial h3 { margin-bottom:0.25em; }
.testimonials-page .testimonial > p { font-size:1.8em; margin-bottom:0.5em; }
.testimonials-page .testimonial blockquote p { line-height:2em; }
.underline { position:relative; padding-bottom:0.75em; }
.underline:after { content:""; position:absolute; width:60px; height:2px; left:calc(50% - 30px); bottom:0; background:rgb(var(--second)); }  .page-template-page-contact .gm-style .gm-style-iw-c,
.page-template-page-contact .gm-style .gm-style-iw-t:after { display:none !important; }
.contacts-wrapper .contacts .col span { margin:0 auto 20px; width:100px; height:100px; border-radius:50%; position:relative; font-size:2.4em; display:flex; justify-content:center; align-items:center; }
.contacts-wrapper .contacts .col a { color:rgb(var(--text)); text-decoration:none; transition:color 300ms; }
.contacts-wrapper .contacts .col a:hover { color:rgb(var(--first)); }  .remodal-wrapper .remodal { max-width:900px; }
.remodal-wrapper .remodal.popup { text-align:left; padding:0; }
.remodal-wrapper .remodal.popup h3 { margin:0; padding:30px; }
.remodal-wrapper .remodal.popup .content { margin:0; padding:30px; } .blog-wrapper { border-top:60px solid rgb(var(--white)); }
.blog-wrapper > div.do-flex {  flex-wrap:nowrap; }
.content-wrapper { width:70.042%; padding-right:5%; border-right:1px solid rgb(var(--grey-light)); }
.sidebar { width:30%; padding-left:5%; }
.entry { border-bottom:1px solid rgb(var(--grey-light)); margin-bottom:5%; padding-bottom:1%; }
.entry.has-image { padding-left:34%; }
.entry h2 { margin-bottom:0.5em; }
.entry .postmetadata { margin-bottom:7px; }
.blog .entry img,
.archive .entry img { float:left; margin-left:-51%; margin-top:5px; width:45%; }
.entry p.more-wrapper { text-align:right; }
.blog .news-feed,
.single .news-feed,
.archive .news-feed { margin-top:30px; }
.sidebar h3 { color:rgb(var(--text)); }
.sidebar > ul { font-size:1.6em; }
.sidebar > ul li a { font-weight:400; }
.tagcloud { margin-bottom:50px; }
.content .navigation { text-align:center; }
.content .navigation ol.wp-paginate li { margin:0; }
.content .navigation ol.wp-paginate .current { background:rgb(var(--first)); border-color:rgb(var(--first-hover)); }
img.full-image { display:block; margin-bottom:5%; }
.postmetadata { font-size:1.4em; display:block; margin-bottom:5%; }
.nav-next { float:right; }
.nav-single { font-size:2em; border-top:1px solid rgba(var(--text),0.4);; border-bottom:1px solid rgba(var(--text),0.4);; padding:20px 0 25px; margin:10% 0 3%; }
.nav-single a { text-decoration:none; color:rgb(var(--first)) !important; }
.nav-single svg { font-size:1.5em; top:4px; position:relative; }
.nav-single span.next { float:right; }
.nav-single span.prev svg { margin-right:5px; }
.nav-single span.next svg { margin-left:5px; } input, textarea, select { -webkit-border-radius:0;
outline:none;
}
select { -webkit-appearance:none; } .contact-form { padding-top:3%; position:relative; }
.contact-form .wrapper { z-index:2; }
div.wpcf7 { margin:0 -1%; padding:0 0 60px; position:relative; }
.wpcf7 form { position:relative; max-width:900px; margin:0 auto; } 
.wpcf7 form:after { content:""; display:table; clear:both; }  
.screen-reader-response { display:none !important; } 
.wpcf7 p.notice { float:none; width:98%; font-size:1.1em; display:block; text-align:center; }
.content .wpcf7 p { float:left; width:23%; margin:0 1% 2%; position:relative; }
.wpcf7 p.full { float:none; width:98%; clear:both; }
.wpcf7 label { position:absolute; z-index:-1; }
.wpcf7 label.show { position:relative; display:block; text-align:left; margin-bottom:5px; z-index:1; color:rgb(var(--grey-dark)); font-size:0.9em; }
.wpcf7 input:not(.more-button), 
.wpcf7 textarea,
.wpcf7 select { width:100%; border:none; border:1px solid rgba(var(--grey-mid),1); background-color:rgb(var(--white)); padding:0.5em; font-size:16px; }
.wpcf7 textarea { height:120px; resize:vertical; }
.wpcf7 .wpcf7-submit.more-button { font-size:1em; padding:0.5em 1.5em; text-transform:uppercase; -webkit-appearance:none; }
.wpcf7 span.wpcf7-not-valid-tip,
.wpcf7 span.wpcf7-not-valid-tip-no-ajax { display:none !important; }
.wpcf7-response-output { padding:0; font-size:15px; position:absolute; bottom:-20px; width:100%; color:gb(var(--text)); text-align:center; }
div.wpcf7 span.wpcf7-spinner { position:absolute; display:none; left:calc(50% - 80px); bottom:-40px; width:160px; height:20px; background:url(//www.custycon.ie/wp-content/themes/custycon/images/ajax-loader.gif); }
div.wpcf7 .submitting span.wpcf7-spinner { display:block !important; }
.wpcf7-not-valid { border-color:red !important; }
span.wpcf7-form-control-wrap { display:inline; } .wpcf7-acceptance label { position:relative; display:flex; justify-content:center; align-items:start; line-height:1.5em; font-size:0.9em; color:var(--text); z-index:+1;}
.wpcf7-acceptance label a { color:rgb(var(--first)) !important; font-weight:400; }
.wpcf7-acceptance label a:hover { color:rgb(var(--black)) !important; }
.wpcf7-acceptance label span {  padding:0 5px; }
.wpcf7-acceptance input[type=checkbox] { height:20px; width:20px; min-width:20px; margin-right:10px; box-shadow:none !important; }
input:disabled.wpcf7-submit { background-color:rgba(var(--grey-mid-hover),0.3) !important; color:rgb(var(--white)) !important; cursor:not-allowed; } table.cookie-table { width:100%; font-size:1em; }
.cookie-table { background:rgb(var(--white)); border-collapse:separate; border-spacing:1px; text-align:center; margin-bottom:30px; }
.cookie-table th { background:rgb(var(--second)); padding:8px 10px 6px; vertical-align:top; text-align:center; font-weight:bold; color:rgb(var(--white));  }
.cookie-table td { background:rgba(var(--grey),0.1); padding:10px; text-align:center; vertical-align:middle;  }
.cookie-table th, .cookie-table td { font-size:1.5em; line-height:1.5em; }
.cookie-table tr th:last-of-type, .cookie-table tr td:last-of-type { text-align:left; } #cookie-notice .cn-text-container { margin:0; }
#cookie-notice #cn-accept-cookie { background-color:rgb(var(--first)) !important; transition:background-color 300ms; }
#cookie-notice a.cn-button,
.content p a.cn-revoke-inline { margin:0 0 0 10px; padding:0.25em 0.5em 0.35em; border-radius:3px; color:rgb(var(--white)); text-decoration:none; }
#cookie-notice #cn-refuse-cookie,
#cookie-notice #cn-more-info,
.content p a.cn-revoke-inline { background-color:#999 !important; transition:background-color 300ms; }
#cookie-notice #cn-accept-cookie:hover,
#cookie-notice #cn-refuse-cookie:hover,
#cookie-notice #cn-more-info:hover,
.content p a.cn-revoke-inline:hover { background-color:#333 !important; color:#fff !important; } .map-frame { width:100%; height:100%; }
#map_canvas { width:100%; height:500px; }
#map_canvas img { max-width:none; border-radius:10px; }
.map-frame .map-info h3 { font-size:1.3em; text-align:center; line-height:1.25em; margin-bottom:0; font-weight:600; text-transform:uppercase; }
.map-frame .info-box { padding-top:5px; }
.map-frame .info-box p { font-size:1em; line-height:1.25em; font-weight:600; text-align:center; }
.map-frame .gmnoprint .gm-style-mtc { display:none !important; } .videowrapper { float:none; clear:both; width:100%; position:relative; padding-bottom:56.25%; height:0; margin-bottom:20px; }
.videowrapper iframe { position:absolute; top:0; left:0; width:100%; height:100%; } .footer-wrapper { border-top:15px solid rgb(var(--white)); }
.footer { position:relative; z-index:2; }
.footer > .do-flex { flex-wrap:nowrap; justify-content:space-between; align-items:center; }
.footer .logo,
.footer .more-button { flex:0 0 auto; }
.footer .contacts { flex:1 1 auto; font-size:1.4em; }
.footer .contacts .do-flex { justify-content:center; }
.footer .contacts .do-flex span { margin:0 1em; }
.footer .contacts span { display:inline-block; line-height:1.5em; padding-left:2em; margin-bottom:1em; color:rgb(var(--text)); position:relative; }
.footer .contacts span br { display:none; }
.footer .contacts span a { text-decoration:none; color:rgb(var(--text)); transition:color 300ms; }
.footer .contacts span a:hover { color:rgb(var(--text)); }
.footer .contacts span svg { position:absolute; left:10px; transform:translateX(-50%); top:3px; color:rgb(var(--first)); }
.sub-footer .do-flex { flex-wrap:nowrap; justify-content:space-between; align-items:center; }
.sub-footer span { display:inline-block; padding:20px 0; font-size:1.4em; color:rgb(var(--white)); }
.sub-footer ul { display:inline-block; font-size:1.4em; }
.sub-footer ul li { display:inline-block; }
.sub-footer ul li a { display:block; margin-left:10px; padding-left:10px; border-left:2px solid rgba(var(--white),0.3); line-height:1.5em; }
.sub-footer a { text-decoration:none; color:rgb(var(--white)) !important; } img.alignleft { float:left; margin:3px 3% 2% 0; width:auto; max-width:45%; border-radius:3px; }
img.alignright { float:right; margin:3px 0 2% 3%; width:auto; max-width:45%; border-radius:3px; }
img.aligncenter { display:block; margin:5px auto 3%; width:auto; border-radius:3px; }
img.icon {  width:80px; }
.relative { position:relative; }
.block { display:block; }
.line { clear:both; display:block; height:3em; margin-bottom:5em; border-bottom:3px solid #eee; }
.overflow { overflow:hidden; }
.clear { clear:both; padding:2% 0; }
.text-center { text-align:center !important; }
.text-right { text-align:right !important; }
.text-left { text-align:left !important; }
.uppercase { text-transform:uppercase; }
.font { font-family:'Open Sans',Helvetica,Arial,sans-serif !important; }
.light { font-weight:400 !important; }
.lighter { font-weight:300 !important; }
.white-txt { color:rgb(var(--white)) !important; }
.black-txt { color:rgb(var(--black)) !important; }
.text-txt { color:rgb(var(--text)) !important; }
.text-hover-txt { color:rgb(var(--text-hover)) !important; }
.grey-dark-txt { color:rgb(var(--grey-dark)) !important; }
.grey-dark-hover-txt { color:rgb(var(--grey-dark-hover)) !important; }
.grey-mid-txt { color:rgb(var(--grey-mid)) !important;}
.grey-mid-hover-txt { color:rgb(var(--grey-mid-hover)) !important; }
.grey-light-txt { color:rgb(var(--grey-light)) !important;}
.grey-light-hover-txt { color:rgb(var(--grey-light-hover)) !important; }
.first-txt { color:rgb(var(--first)) !important; }
.first-hover-txt { color:rgb(var(--first-hover)) !important; }
.second-txt { color:rgb(var(--second)) !important; }
.second-hover-txt { color:rgb(var(--second-hover)) !important; }
.white-bg { background-color:rgb(var(--white)); }
.black-bg { background-color:rgb(var(--black)); }
.text-bg { background-color:rgb(var(--text)); }
.text-hover-bg { background-color:rgb(var(--text-hover)); }
.grey-dark-bg { background-color:rgb(var(--grey-dark)); }
.grey-dark-hover-bg { background-color:rgb(var(--grey-dark-hover)); }
.grey-mid-bg { background-color:rgb(var(--grey-mid)); }
.grey-mid-hover-bg { background-color:rgb(var(--grey-mid-hover)); }
.grey-light-bg { background-color:rgb(var(--grey-light)); }
.grey-light-hover-bg { background-color:rgb(var(--grey-light-hover)); }
.first-bg { background-color:rgb(var(--first)); }
.first-hover-bg { background-color:rgb(var(--first-hover)); }
.second-bg { background-color:rgb(var(--second)); }
.second-hover-bg { background-color:rgb(var(--second-hover)); }
.white-noise-bg { background-image:url(//www.custycon.ie/wp-content/themes/custycon/images/white.jpg); background-color:rgb(var(--white)); }
.grey-noise-bg { background-image:url(//www.custycon.ie/wp-content/themes/custycon/images/grey.jpg); background-color:rgb(var(--grey-light)); }
.mask { background-color:rgba(0,0,0,0.4); }
.fill { position:absolute; top:0; right:0; bottom:0; left:0; z-index:1; }
.padding { padding-top:4%; padding-bottom:3%; }
.padding-top { padding-top:4%; }
.padding-bottom { padding-bottom:3%; }
@media only screen and (max-width:1200px) {
.main-container { padding-top:60px; }
.header { padding:10px 0; background-color:rgb(var(--white)) !important; box-shadow:0 5px 10px 0 rgba(0,0,0,0.1); border-bottom:1px solid rgb(var(--grey-light)); }
.header .logo { flex:0 1 auto; top:-10px; padding: 5px 10px 10px; }
.header .logo img { width:125px !important; }
.header .mobile-menu-trigger { display:block; cursor:pointer; z-index:203; }
.header .fa-bars,
.header .fa-times { font-size:4em; color:rgb(var(--first)); }
.main-menu { float:none; clear:both; display:none; }
.nav-overlay.active { visibility:visible; opacity:1; }
.nav-overlay .scroll-overflow { position:absolute; top:0; left:0; width:100%; height:100vh; overflow:scroll; }
.nav-overlay .top-nav { background-color:rgba(var(--first),0.95); min-height:100vh; width:100%; position:relative; padding:80px 0; }
.nav-overlay .top-nav ul { font-size:2em; text-align:center; font-weight:600; margin-right:0; padding:0; }
.nav-overlay .top-nav ul li { list-style-type:none; }
.nav-overlay .top-nav ul li.desktop { display:none; }
.nav-overlay .top-nav ul a { display:block; color:rgb(var(--white)); padding:1em 10px; border-bottom:1px solid rgba(var(--white),0.2); text-decoration:none; }
.nav-overlay .top-nav ul li.current-menu-item > a { color:rgb(var(--second)); }
.nav-overlay .top-nav ul ul { display:block; font-size:0.85em; background-color:rgba(var(--white),0.3); border-bottom:1px solid rgba(var(--white),0.4); }
.nav-overlay .top-nav ul ul li.current-menu-item > a { color:rgb(var(--first-hover)); }
.nav-overlay .top-nav .social { font-size:2em; text-align:center; padding:1em; }
.nav-overlay .top-nav .social svg { color:rgb(var(--white)); margin:0 10px; }
.mobile-menu-close { display:block; cursor:pointer; text-align:center;  color:rgb(var(--white)); position:absolute; top:12px; right:19px; }
.mobile-menu-close .fa-times { font-size:4em; }
.mobile-menu-close strong { display:block; font-size:1.4em; text-align:center; }
.inner-title { border-top-width:105px; }
.anchor-offset { top:-85px; }
.home .filter-buttons-wrapper { transform:unset; }
.testimonials-wrapper .wrapper svg { top:0.75em; font-size:8em; }
.work-wrapper { padding: 4% 0 3%; }
.blog-wrapper { border-top:none; }
}
@media only screen and (max-width:1160px) {
.slides-wrapper .text p.h-1 { font-size:4em; }
.intro .text .do-flex { flex-direction:column; }
.sub-footer span { padding:10px 0; }
}
@media only screen and (max-width:1060px) {
.slides-wrapper .text { font-size:90%; }
ul.projects-nav { font-size:1.3em; }
.footer > .do-flex { flex-direction:column; }
.footer > .do-flex .contacts { padding:30px 0; }
.sub-footer .do-flex { flex-direction:column; padding:20px 0; }
}
@media only screen and (max-width:1000px) {
.slides-wrapper .text p.slide-text { line-height:1.5em; }
.blocks .do-flex { align-items:unset; }
.testimonials-wrapper .wrapper.narrow { max-width:unset; padding-left:80px; padding-right:80px; }
.testimonials-wrapper .wrapper svg { top:1.25em; font-size:5em; }
.testimonials-wrapper .wrapper svg.fa-quote-left {right:auto; left:20px; }
.testimonials-wrapper .wrapper svg.fa-quote-right { left:auto; right:20px; }
.sub-footer .wrapper { text-align:center; }
.sub-footer .wrapper > a { float:none; }
.col-2-1 > div.col:nth-of-type(n) { width:47%; }
.footer .col-3 > div.col { width:47%; }
.sub-footer ul { float:none; margin:0; padding:20px 0 10px; }
}
@media only screen and (max-width:960px) {
.intro .do-flex { flex-wrap:wrap; justify-content:center; }
.intro .text { padding-right:0; width:100%; text-align:center; }
.intro .photo { flex:0 1 auto; margin-top:5%; text-align:center; }
.intro .photo img { max-width:350px; }
.has-shape { padding-top:5%; }
.has-shape > svg { top:-190px; min-width:1600px; }
}
@media only screen and (max-width:900px) {
.grid-wrapper { padding-top:200%; }
.grid-wrapper > div { left:0; right:0; width:100%; }
.grid-wrapper > div.grid-left { top:0; bottom:50.5%; }
.grid-wrapper > div.grid-right { top:50%; bottom:0; }
.grid-wrapper > div > div { font-size:90%; }
h3, .content p.h-3 { font-size:2.2em; }
h4, .content p.h-4 { font-size:2.1em; }
h5, .content p.h-5 { font-size:2em; }
h6, .content p.h-6 { font-size:1.8em; }
h1, .content p.h-1, h2.h-1, h3.h-1, h4.h-1, h5.h-1, h6.h-1, .sidebar > h3:first-child { font-size:2.6em; }
h2, .content p.h-2, h3.h-2, h4.h-2, h5.h-2, h6.h-2 { font-size:2.4em; } 
}
@media only screen and (max-width:830px) {
.inner-title { padding:2em 0 1.75em; }
.filter-buttons-wrapper button.control { font-size:1.4em; padding: 20px 10px; }
.filter-buttons-wrapper button.control:after { left: calc(50% - 10px); border-width:10px; }
.blog-posts-wrapper .col-4 > div.col { width:47%; }
.sub-footer ul { display:block; }
.sub-footer ul li a { margin:5px 10px; padding:5px; border-left:none; }
}
@media only screen and (max-width:782px) {
.admin-bar .header { top:46px; }
}
@media only screen and (max-width:768px) {
.slides-wrapper.inner-banner { min-height:200px; }
.slides-wrapper.inner-banner .slides div img { display:block; width:auto; min-width:100%; height:200px; object-fit:cover; object-position:50% 50%; }
.slide h1.page-title, .slide p.page-title { font-size: 2.4em; }
.blog-wrapper > div.do-flex { flex-wrap:wrap; }
.content-wrapper,
.sidebar { padding:0; min-width:100%; border:none; }
.col-3 > div.col { width:47%; margin:0 1.5% 3%; }
.testimonial-slide blockquote:before { width:32px; height:32px;top:2px; left:0; }
.testimonial-slide blockquote { padding:0 50px; }
.testimonial-slide blockquote:after { width:32px; height:32px; top:2px; right:0;}
.testimonial-slide blockquote p { font-size:1.6em;  }
.footer .col-4 > div.col:nth-of-type(n) { float:none; width:100%; margin:0 auto 5%; }
}
@media only screen and (max-width:700px) {
.blocks .col-2 > div.col:nth-of-type(n) { width:97%; margin-bottom:8% }	
.blocks-wrapper > div:nth-of-type(n) .col-2 .text { padding:0; }
.work-wrapper > .wrapper { padding-right:20px; }
.work-wrapper .col-2 > div.col { width:97%; }
.work-details .sticky-top { float:none; max-width:unset; }
}
@media only screen and (max-width:640px) {
.intro .intro-box,
.home .services { transform:unset; }
.home .services { margin-top:8%; padding-bottom:8%; }
.slides-wrapper .text p.slide-text { line-height:1.5em; }
.inner-banner h1 { position:relative; padding:0.75em 20px; }
img.alignleft,
img.alignright,
img.aligncenter { display:block; float:none; margin:0 0 5%; width:100%; max-width:unset; }
.content .wpcf7 p, 
.content .wpcf7 p.full { float:none; width:98%; }
.testimonials-page .testimonial { margin-bottom:10%; }
.cookie-table { font-size:0.8em; }
.padding { padding-top:8%; padding-bottom:6%; }
.padding-top { padding-top:8%; }
.padding-bottom { padding-bottom:6%; }
.wpcf7-acceptance label { align-items:start; }
}
@media only screen and (max-width:600px) {
.slides-wrapper .text { top:45%; }
.slides-wrapper .text p.h-1 { font-size:3em; }
h3, .content p.h-3 { font-size:2.1em; }
h4, .content p.h-4 { font-size:2em; }
h5, .content p.h-5 { font-size:1.9em; }
h6, .content p.h-6 { font-size:1.8em; }
h1, .content p.h-1, h2.h-1, h3.h-1, h4.h-1, h5.h-1, h6.h-1, .sidebar > h3:first-child { font-size:2.4em; }
h2, .content p.h-2, h3.h-2, h4.h-2, h5.h-2, h6.h-2 { font-size:2.2em; } 
.testimonials-wrapper .wrapper.narrow { padding-left:50px; padding-right:50px; }
.testimonials-wrapper .wrapper svg { top:1.75em; font-size:3.4em; }
.testimonials-wrapper .wrapper svg.fa-quote-left { left:10px; }
.testimonials-wrapper .wrapper svg.fa-quote-right { right:10px; }
.grid-wrapper > div > div a > span { font-size:85%; }
.grid-wrapper > div > div a > span > span { line-height:1.25em; }
.wpcf7-response-output { font-size:13px; }
}
@media only screen and (max-width:520px) {
.team-wrapper .do-flex { justify-content:center; }
}
@media only screen and (max-width:470px) {
.home .slides-wrapper { min-height:200px; }
.slides-wrapper .slides div img { display:block; width:auto; min-width:100%; height:200px; object-fit:cover; object-position:50% 50%; }
.more-button { width:100%; padding: 0.5em 2em 0.5em 2em; }
.more-button svg { right: 0.5em; }
.col-2 > div.col:nth-of-type(n),
.col-3 > div.col:nth-of-type(n),
.col-4 > div.col:nth-of-type(n) { width:97%; margin-bottom:8% }
.cookie-table, .cookie-table *,
.cookie-table tr th:last-of-type, .cookie-table tr td:last-of-type  { display:block; text-align:center; }
.cookie-table tr:first-of-type { display:none; }
.sub-header span { margin-right:5px; }
.sub-header svg { font-size:1.2em; }
.entry.has-image { padding-left:0; }
.blog .entry img, .archive .entry img { float:none; display:block; margin:0 auto 20px; width:auto; }
.footer .col.menu { width:97%; text-align:center; }
.footer .col.contacts { width:97%; text-align:center; }
.footer .contacts span { padding-left:0; }
.footer .contacts span svg { position:relative; left:-5px; top:auto; }
}
@media only screen and (max-width:420px) {
.slides-wrapper .text { font-size:85%; }
.slides-wrapper .slides .slide { background-position:right -100px center; }
ul.projects-nav li { min-width:50%; }
}
@media only screen and (max-width:350px) {
}html.remodal-is-locked {
overflow: hidden;
-ms-touch-action: none;
touch-action: none;
} .remodal,
[data-remodal-id] {
display: none;
} .remodal-overlay {
position: fixed;
z-index: 9999;
top: -5000px;
right: -5000px;
bottom: -5000px;
left: -5000px;
display: none;
} .remodal-wrapper {
position: fixed;
z-index: 10000;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: none;
overflow: auto;
text-align: center;
-webkit-overflow-scrolling: touch;
}
.remodal-wrapper:after {
display: inline-block;
height: 100%;
margin-left: -0.05em;
content: "";
} .remodal-overlay,
.remodal-wrapper {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
} .remodal {
position: relative;
outline: none;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
text-size-adjust: 100%;
}
.remodal-is-initialized { display: inline-block;
}.remodal-bg.remodal-is-opening,
.remodal-bg.remodal-is-opened {
-webkit-filter: blur(3px);
filter: blur(3px);
} .remodal-overlay {
background: rgba(43, 46, 56, 0.9);
}
.remodal-overlay.remodal-is-opening,
.remodal-overlay.remodal-is-closing {
-webkit-animation-duration: 0.3s;
animation-duration: 0.3s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.remodal-overlay.remodal-is-opening {
-webkit-animation-name: remodal-overlay-opening-keyframes;
animation-name: remodal-overlay-opening-keyframes;
}
.remodal-overlay.remodal-is-closing {
-webkit-animation-name: remodal-overlay-closing-keyframes;
animation-name: remodal-overlay-closing-keyframes;
} .remodal-wrapper {
padding: 10px 10px 0;
} .remodal {
box-sizing: border-box;
width: 100%;
margin-bottom: 10px;
padding: 35px;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
color: #2b2e38;
background: #fff;
}
.remodal.remodal-is-opening,
.remodal.remodal-is-closing {
-webkit-animation-duration: 0.3s;
animation-duration: 0.3s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.remodal.remodal-is-opening {
-webkit-animation-name: remodal-opening-keyframes;
animation-name: remodal-opening-keyframes;
}
.remodal.remodal-is-closing {
-webkit-animation-name: remodal-closing-keyframes;
animation-name: remodal-closing-keyframes;
} .remodal,
.remodal-wrapper:after {
vertical-align: middle;
} .remodal-close {
position: absolute;
top: 0;
left: 0;
display: block;
overflow: visible;
width: 35px;
height: 35px;
margin: 0;
padding: 0;
cursor: pointer;
-webkit-transition: color 0.2s;
transition: color 0.2s;
text-decoration: none;
color: #95979c;
border: 0;
outline: 0;
background: transparent;
}
.remodal-close:hover,
.remodal-close:focus {
color: #2b2e38;
}
.remodal-close:before {
font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif !important;
font-size: 25px;
line-height: 35px;
position: absolute;
top: 0;
left: 0;
display: block;
width: 35px;
content: "\00d7";
text-align: center;
} .remodal-confirm,
.remodal-cancel {
font: inherit;
display: inline-block;
overflow: visible;
min-width: 110px;
margin: 0;
padding: 12px 0;
cursor: pointer;
-webkit-transition: background 0.2s;
transition: background 0.2s;
text-align: center;
vertical-align: middle;
text-decoration: none;
border: 0;
outline: 0;
}
.remodal-confirm {
color: #fff;
background: #81c784;
}
.remodal-confirm:hover,
.remodal-confirm:focus {
background: #66bb6a;
}
.remodal-cancel {
color: #fff;
background: #e57373;
}
.remodal-cancel:hover,
.remodal-cancel:focus {
background: #ef5350;
} .remodal-confirm::-moz-focus-inner,
.remodal-cancel::-moz-focus-inner,
.remodal-close::-moz-focus-inner {
padding: 0;
border: 0;
} @-webkit-keyframes remodal-opening-keyframes {
from {
-webkit-transform: scale(1.05);
transform: scale(1.05);
opacity: 0;
}
to {
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes remodal-opening-keyframes {
from {
-webkit-transform: scale(1.05);
transform: scale(1.05);
opacity: 0;
}
to {
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@-webkit-keyframes remodal-closing-keyframes {
from {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
to {
-webkit-transform: scale(0.95);
transform: scale(0.95);
opacity: 0;
}
}
@keyframes remodal-closing-keyframes {
from {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
to {
-webkit-transform: scale(0.95);
transform: scale(0.95);
opacity: 0;
}
}
@-webkit-keyframes remodal-overlay-opening-keyframes {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes remodal-overlay-opening-keyframes {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@-webkit-keyframes remodal-overlay-closing-keyframes {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes remodal-overlay-closing-keyframes {
from {
opacity: 1;
}
to {
opacity: 0;
}
} @media only screen and (min-width: 641px) {
.remodal {
max-width: 700px;
}
} .lt-ie9 .remodal-overlay {
background: #2b2e38;
}
.lt-ie9 .remodal {
width: 700px;
}.wp-paginate {padding:0; margin:0;}
.wp-paginate li {display:inline; list-style:none;}
.wp-paginate a {background:#ddd; border:1px solid #ccc; color:#666; margin-right:4px; padding:4px 8px; text-align:center; text-decoration:none;}
.wp-paginate a:hover, .wp-paginate a:active {background:#ccc; color:#888;}
.wp-paginate .title {color:#555; margin-right:4px;}
.wp-paginate .gap {color:#999; margin-right:4px;}
.wp-paginate .current {color:#fff; background:#5f87ae; border:1px solid #89adcf; margin-right:4px; padding:4px 8px;}
.wp-paginate .page {}
.wp-paginate .prev, .wp-paginate .next {} .wp-paginate-comments {}
.wp-paginate-comments li {}
.wp-paginate-comments a {}
.wp-paginate-comments a:hover, .wp-paginate-comments a:active {}
.wp-paginate-comments .title {}
.wp-paginate-comments .gap {}
.wp-paginate-comments .current {}
.wp-paginate-comments .page {}
.wp-paginate-comments .prev, .wp-paginate-comments .next {}
ol.wp-paginate li {
line-height: 3em; } .wp-paginate.font-arial {font-family: Arial, sans-serif;}
.wp-paginate.font-georgia {font-family: Georgia, serif;}
.wp-paginate.font-inherit {font-family: inherit;}
.wp-paginate.font-initial {font-family: initial;}
.wp-paginate.font-tahoma {font-family: Tahoma, sans-serif;}
.wp-paginate.font-times {font-family: "Times New Roman", serif;}
.wp-paginate.font-trebuchet {font-family: "Trebuchet MS", sans-serif;}
.wp-paginate.font-verdana {font-family: Verdana, sans-serif;} .wp-paginate.wpp-modern-grey a, .wp-paginate.wpp-modern-grey .current {
background: #f8f8f8;
border:1px solid #efecee;
border-radius: 4px;
color: #000;
padding: 3px 6px;
}
.wp-paginate.wpp-modern-grey a:hover {
background: #eee;
}
.wp-paginate.wpp-modern-grey .current {
opacity: .3;
} .wp-paginate.wpp-blue-cta a, .wp-paginate.wpp-blue-cta .current {
background: #3784fd;
border:2px solid #fff;
border-radius: 2px;
box-shadow: 1px 1px 1px #c1c1c1, -1px -1px 1px #c1c1c1, inset 0 -10px 10px rgba(0, 0, 0, .2);
color: #fff;
}
.wp-paginate.wpp-blue-cta .current {
opacity: .6;
} .wp-paginate.wpp-neon-pink a, .wp-paginate.wpp-neon-pink .current {
background: #54d3f4;
border:1px solid #eee;
border-radius: 6px;
color: #000;
}
.wp-paginate.wpp-neon-pink a, .wp-paginate.wpp-neon-pink .current {
background: #ff4ecd;
}
.wp-paginate.wpp-neon-pink .current {
opacity: .6;
}