/* Document : core.css Author : yosoftware.com Description: theme's core file - best not to edit */ /* * ---------------------------------------------------------- * Front-Page stripes setup & main (header) navigation begin * ---------------------------------------------------------- */ body { font-family: 'Pontano Sans'; font-size: 14px; height: 100%; } h1, h2, h3, h4, h5, h6 { font-family: 'Yanone Kaffeesatz', sans-serif; font-weight: 400; } .type-icon { font-weight: normal; } .iseeunicorn-front-page { overflow-y: hidden; } .iseeunicorn { overflow-y: visible !important; } /*themecheck needed clases*/ .wp-caption, .wp-caption-text, .sticky, .gallery-caption, .bypostauthor { } #header { position: absolute; height: 90px; width: 100%; top: 0; left: 0; z-index: 40; text-align: center; } #header hgroup { margin: 3px auto 0; display: inline-block; width: 100%; } #header h1 { font-size: 1.75em; line-height: 1.1em; } #header h2 { font-size: .75em; line-height: 1.75em; display: inline-block; width: 100%; } #header h1, #header h1 a { font-weight: 400; margin: 0; padding: 0; text-decoration: none; } #header h2, #header h2 a { font-family: 'Pontano Sans'; margin: 0; padding: 0; } #header .logotype { display: inline-block; max-width: 100%; height: auto; max-height: 80px; text-align: center; margin: 10px 0; } #header.logo { height: 140px !important; } .stripe.logo .content-container { margin-top: 165px !important; } #header.titlenodesc { height: 73px !important; } .stripe.titlenodesc .content-container { margin-top: 98px !important; } #header.descnotitle { height: 63px !important; } .stripe.descnotitle .content-container { margin-top: 88px !important; } #header.titleonly { height: 42px !important; } .stripe.titleonly .content-container { margin-top: 67px !important; } #header.menuonly { height: 40px !important; } .stripe.menuonly .content-container { margin-top: 65px !important; } .stripe.nothing .content-container { margin-top: 20px !important; } #site-content { background: #fff; } #site-content.logo { margin-top: 145px !important; } #site-content.nothing { margin-top: 0 !important; } #site-content.titlenodesc { margin-top: 78px !important; } #site-content.descnotitle { margin-top: 68px !important; } #site-content.titleonly { margin-top: 47px !important; } #site-content.menuonly { margin-top: 45px !important; } #main-menu { font-family: 'Yanone Kaffeesatz', sans-serif; font-size: 1.25em; font-weight: 300; display: inline-block; margin: 0 auto; padding: 0px 30px; list-style: none; z-index: 300; } #main-menu > li { margin: 0; padding: 0; display: block; float: left; position: relative; line-height: 21px; } #main-menu > li ul { display: none; position: absolute; top: 40px; left: 0; padding: 0; margin: 0; min-width: 200px; text-align: left; z-index: 33; /* border-top: 1px solid #f9f9f9; */ } #main-menu > li:hover ul { } #main-menu > li.first a { border-left: 1px solid transparent; } #main-menu > li.last a { border-right: 1px solid transparent; } #main-menu > li.first:hover > a { } #main-menu > li.last:hover > a { } #main-menu > li > a, #main-menu > li > a:visited { display: block; padding: 8px 15px 10px; text-decoration: none; } #main-menu > li > a:hover, #main-menu > li > a.hovered { position: relative; z-index: 34; } #main-menu > li ul a { display: block; padding: 5px 10px 5px 24px; font-size: .857em; text-decoration: none; } #main-menu > li ul a:hover { background: #ebebeb !important; position: relative; } #main-menu > li ul a:hover:before { content:''; display: block; font-family: "FontAwesome"; position: absolute; top: 6px; left: 7px; } #site-nav-mobile { display: none; } .stripe-holder { height: 100%; overflow: hidden; position: absolute; left: 0; width: 100%; text-align: left; } .stripe-container { height: 100%; width: 200%; overflow: hidden; } /* * ---------------------------------------------------------- * Next / Prev Buttons - their settings on which * percentage to show are adjustable in the main.js * file ( buttonsScreenPercentShow ) * ---------------------------------------------------------- */ .stripe-btn { position: absolute; height: 90px; width: 45px; top: 50%; margin-top: -30px; z-index: 200; opacity: 0; -webkit-transition: background .3s ease-in-out; -moz-transition: background .3s ease-in-out; transition: background .3s ease-in-out; } .btn-prev:after { content:''; display: block; position: absolute; top: 34px; left: 2px; height: 0; width: 0; } .btn-next:after { content:''; display: block; position: absolute; top: 34px; right: 2px; height: 0; width: 0; } .btn-prev { left: -60px; -webkit-border-top-right-radius: 500px; -webkit-border-bottom-right-radius: 500px; -moz-border-radius-topright: 500px; -moz-border-radius-bottomright: 500px; border-top-right-radius: 500px; border-bottom-right-radius: 500px; } .btn-next { right: -60px; -webkit-border-top-left-radius: 500px; -webkit-border-bottom-left-radius: 500px; -moz-border-radius-topleft: 500px; -moz-border-radius-bottomleft: 500px; border-top-left-radius: 500px; border-bottom-left-radius: 500px; } /* * ---------------------------------------------------------- * Core Stripes (widths and resolution dependancies) * ---------------------------------------------------------- */ .stripe { margin-left: 0; float: left; width: 10%; height: 100%; position: relative; color: #fff !important; } .stripe-decoy { position: relative; top: 0; } .front-page .stripe:hover .post-icon, .front-page .stripe.active .post-icon { height: 200px; } .front-page .stripe.baseopen .post-icon { height: 200px; } .frontpage-commentsno { color: #fff !important; font-size: .75em; position: relative; top: -1px; display: inline-block; line-height: 1em; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; margin-left: 20px; } .frontpage-commentsno:before { content:""; font-family:'FontAwesome'; position: absolute; left: -15px; top: -1px; } .stripe:hover .frontpage-commentsno { color: #000; } .show-more-posts { z-index: 666; height: 40px; width: 100%; position: absolute; left: 0; bottom: -40px; opacity: .5; -webkit-transition: bottom .3s ease-in-out, opacity .5s ease-in-out; -moz-transition: bottom .3s ease-in-out, opacity .5s ease-in-out; transition: bottom .3s ease-in-out, opacity .5s ease-in-out; transition-delay: .3s; -moz-transition-delay: .3s; -webkit-transition-delay: .3s; -o-transition-delay: .3s; } .show-more-posts ul { background: #fff; width: 100%; list-style: none; padding: 0 0 10px 0; margin: 0; height: 150px; min-height: 180px; } /*.show-more-posts ul li { margin: 0 10px; padding: 0 5px 0 25px; height: 29px; line-height: 29px; border-bottom: 1px solid rgba(0,0,0,0.1); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position: relative; }*/ .show-more-posts ul li { margin: 0 10px; padding: 0 5px 0 25px; height: 22px; line-height: 22px; border-bottom: 1px solid rgba(0,0,0,0.1); overflow: inherit; text-overflow: ellipsis; white-space: normal; position: relative; } .show-more-posts ul li a:before { font-family:'FontAwesome'; font-size: .75em; content:''; position: absolute; top: 0; left: 10px; } .show-more-posts ul li:last-child { border-bottom: 1px solid transparent; } .show-more-posts h3 { color: #444; margin: 0; padding: 10px 0 0 10px; background: #fff; font-size: 1.5em; line-height: 1.5em; } .show-more-posts .vert-border { margin-top: 30px; height: 10px; width: 100%; } .show-more-posts .more-button { position: absolute; left: 50%; margin-left: -20px; width: 40px; height: 20px; top: 10px; line-height: 25px; text-align: center; -webkit-border-top-left-radius: 500px; -webkit-border-top-right-radius: 500px; -moz-border-radius-topleft: 500px; -moz-border-radius-topright: 500px; border-top-left-radius: 500px; border-top-right-radius: 500px; } .show-more-posts .more-button:after { content:''; display: block; border-bottom: 5px solid #fff; border-right: 5px solid transparent; border-top: 5px solid transparent; border-left: 5px solid transparent; position: relative; left: 15px; top: 8px; height: 0; width: 0; } .stripe:hover .show-more-posts, .stripe.active .show-more-posts { bottom: 0px; opacity: 1; } .stripe:hover .open, .stripe.active .open { bottom: 230px !important;} .show-more-posts.open .more-button:after { margin-top: 5px; } .stripe .content-container { display: block; margin: 115px 20px 40px ; } .stripe:hover { } .stripe:hover .post-icon img.noblur, .stripe.active .post-icon img.noblur { opacity: 1; } .stripe:hover .post-icons, .stripe.active .post-icons { bottom: 50%; opacity: 1; } .post-icon:hover .post-icons { bottom: 50%; opacity: 1; } .post-icon img.blur-overlay { position: absolute; top: 0; left: 0; opacity: 0; } .front-page .post-icon { margin: -20px -20px 0px; position: relative; height: 0; overflow: hidden; -webkit-transition: height .3s ease-in-out; -moz-transition: height .3s ease-in-out; transition: height .3s ease-in-out; } .front-page .post-icon img { width: 100%; max-width: 100%; height: auto; display: block; } .stripe .post-icon img.noblur { opacity: .99; -webkit-transition: opacity .3s ease-in-out; -moz-transition: opacity .3s ease-in-out; transition: opacity .3s ease-in-out; transition-delay: .15s; -moz-transition-delay: .15s; -webkit-transition-delay: .15s; -o-transition-delay: .15s; } .stripe.viewed { margin-left: -320px; } .stripe.nonAnimatable {-webkit-transition: none; -moz-transition: none; transition: none;} .stripe.stripe-ghost { margin-left: 0px; width:320px; } /* * ---------------------------------------------------------- * Stripes (colours are set-up in separate color css files) * ---------------------------------------------------------- */ .stripe-decoy { margin: 0 -20px; padding: 0 20px; } /* * ---------------------------------------------------------- * Post-content formatting settings * for images, titles and text (also text hiding) * ---------------------------------------------------------- */ .post-content { } .post-content h1 { font-size: 1.5em; line-height: 1.15em; margin: 0; padding: 20px 0 0; text-align: left; text-shadow: 0 -1px 0 rgba(0,0,0,0.65); } .post-content .entry-date { clear: both; float: left; overflow: hidden; margin: 5px 0; text-align: left; } .post-content hr { background: rgba(0,0,0,0.15); border: none; clear: both; height: 1px; } .post-content p { } .post .post-icon { margin-bottom: 10px} .post .post-icon img { width: 100%} .type-gallery { text-align: left; } .type-gallery > ul { clear: both; overflow: hidden; display: block; list-style: none; margin: 10px 0; padding: 0; } .type-gallery > ul li { display: block; float: left; width: 25%; } .type-gallery > ul li a, .type-gallery > ul li a:visited { background: rgba(0,0,0,0.2); display: block; margin: 2px; padding: 4px; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } .type-gallery > ul li a:hover { background: rgba(0,0,0,0.35); } .type-gallery img { display: block; height: auto; width: 100%; max-width: 100%; } .content-holder { height: auto; opacity: 1; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .widgets { margin: 0; padding: 0; list-style: none; } .widgets li { margin: 0; padding: 0; } .featured-container { margin-bottom: 20px; } figure.post-icon { position: relative; -webkit-transition: height .3s ease-in-out, color .3s ease-in-out, top .3s ease-in-out; -moz-transition: height .3s ease-in-out, color .3s ease-in-out, top .3s ease-in-out; transition: background .3s ease-in-out, color .3s ease-in-out, top .3s ease-in-out; transition-delay: .15s; -moz-transition-delay: .15s; -webkit-transition-delay: .15s; -o-transition-delay: .15s; } .post .post-icon { padding: 5px; background: #f7f7f7; box-shadow: 0px 1px 2px rgba(0,0,0,0.3) } figure.post-icon:before { position: absolute; content: ""; display: block; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; -webkit-transition: opacity .15s ease-in-out; -moz-transition: opacity .15s ease-in-out; transition: opacity .15s ease-in-out; } figure.post-icon:hover:before { opacity: 0.5; } ul.post-icons { display: block; list-style: none; margin: -20px 0; padding: 0; position: absolute; text-align: center; width: 100%; bottom: 50%; opacity: 0; z-index: 10; -webkit-transition: bottom .3s ease-in-out, opacity .3s ease-in-out; -moz-transition: bottom .3s ease-in-out, opacity .3s ease-in-out; transition: bottom .3s ease-in-out, opacity .3s ease-in-out; } ul.post-icons li { display: inline-block; margin: 0; padding: 0; height: 40px; width: 40px; } ul.post-icons li a { display: block; height: 40px; width: 40px; background: #000; background: rgba(0,0,0,0.65); text-decoration: none; -webkit-border-radius: 500px; -moz-border-radius: 500px; border-radius: 500px; } ul.post-icons li a:hover { background: rgba(0,0,0,0.9); } i.posttype-icon { color: #fff; display: block; line-height: 40px; height: 40px; width: 40px; font-size: 20px; font-weight: normal; } /* * ---------------------------------------------------------- * Theme's further styles (all other templates) begin * ---------------------------------------------------------- */ #site-content { margin-top: 95px; } .posts { margin: 10px; } .post-meta { margin: 5px 0; } .post { clear: both; margin: 0 0 30px 0; } .single .post { margin: 0; } .post h1 { margin-bottom: 0 !important; } .post .type-icon { } .post .info, .rss-date { color: #c8c8c8; display: block; font-family: 'Yanone Kaffeesatz', sans-serif; font-size: 1.1em; font-weight: 300; margin: 8px 0 10px; } li > a.rsswidget { font-family: 'Yanone Kaffeesatz',sans-serif; font-size: 1.25em; font-weight: 400; } .post .info a, .post .info a:visited { color: #878787; } .post .info a:hover { color: #646464; } .post .content { margin: 20px 0 0; } .post .entry-tags { display: block; float: left; font-family: 'Yanone Kaffeesatz', sans-serif; font-size: 1em; font-weight: 300; margin: 0; } .post .entry-tags a, .post .entry-tags a:visited { display: inline-block; padding: 0px 8px 1px; margin: 0 2px; text-decoration: none; } .post .entry-tags a:hover { } .post .comments-number { float: right; display: inline-block; padding: 5px 8px 3px; position: relative; text-ecoration: none; } .post .comments-number:after { content:''; display: block; height: 0; width: 0; position: absolute; right: 50%; margin-right: -6px; bottom: -12px; } .post .comments-number:hover { text-decoration: none; } .post .footer { clear: both; margin: 0px; padding: 12px 0 6px; min-height: 30px; border-top: 1px solid #D8D8D8; } .post .footer .social-media { display: inline-block; text-align: left; } .post .dropcap { display:block; float:left; margin: 0 5px 0 0; font-size: 2.8em; line-height: 1em; } .post .highlight { display: inline-block; padding-left: 5px; padding-right: 5px; } #map_canvas { height: 350px; } .post table { max-width: 100%; border-collapse: collapse; border-spacing: 0; } .post table { width: 100%; margin-bottom: 20px; } .post table th, .post table td { padding: 6px 8px; line-height: 16px; text-align: left; vertical-align: top; } .post table th { font-weight: bold; } .post table thead th { vertical-align: bottom; } img.alignright { float:right; margin:0 0 1em 1em; } img.alignleft { float:left; margin:0 1em 1em 0; } img.aligncenter { display: block; margin-left: auto; margin-right: auto; margin-top: 1em; margin-bottom: 1em; } .alignright { float:right; } .alignleft { float:left; } .aligncenter { display: block; margin-left: auto; margin-right: auto; } .post table { border-collapse: separate; bborder-collapse: collapse; border-left: 0; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .post table thead:first-child tr:first-child > th:first-child, .post table tbody:first-child tr:first-child > td:first-child, .post table tbody:first-child tr:first-child > th:first-child { -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px;-moz-border-radius-topleft: 4px; } .post table thead:first-child tr:first-child > th:last-child, .post table tbody:first-child tr:first-child > td:last-child, .post table tbody:first-child tr:first-child > th:last-child { -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -moz-border-radius-topright: 4px; } .post table thead:last-child tr:last-child > th:first-child, .post table tbody:last-child tr:last-child > td:first-child, .post table tbody:last-child tr:last-child > th:first-child, .post table tfoot:last-child tr:last-child > td:first-child, .post table tfoot:last-child tr:last-child > th:first-child { -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -moz-border-radius-bottomleft: 4px; } .post table thead:last-child tr:last-child > th:last-child, .post table tbody:last-child tr:last-child > td:last-child, .post table tbody:last-child tr:last-child > th:last-child, .post table tfoot:last-child tr:last-child > td:last-child, .post table tfoot:last-child tr:last-child > th:last-child { -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; -moz-border-radius-bottomright: 4px; } .post table tfoot + tbody:last-child tr:last-child td:first-child { -webkit-border-bottom-left-radius: 0; border-bottom-left-radius: 0; -moz-border-radius-bottomleft: 0; } .post table tfoot + tbody:last-child tr:last-child td:last-child { -webkit-border-bottom-right-radius: 0; border-bottom-right-radius: 0; -moz-border-radius-bottomright: 0; } .post table caption + thead tr:first-child th:first-child, .post table caption + tbody tr:first-child td:first-child, .post table colgroup + thead tr:first-child th:first-child, .post table colgroup + tbody tr:first-child td:first-child { -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; } .post table caption + thead tr:first-child th:last-child, .post table caption + tbody tr:first-child td:last-child, .post table colgroup + thead tr:first-child th:last-child, .post table colgroup + tbody tr:first-child td:last-child { -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -moz-border-radius-topright: 4px; } .post .gallery { clear: both; margin: 10px 0; padding: 0; list-style: none; text-align: center; overflow: hidden; } .post .gallery br { clear: both; display: block; margin-bottom: 5px; } .post .gallery li { display: inline-block; float:left; margin: 0; padding: 0; } .post .gallery figure { display: block; margin: 2px; padding: 5px; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } .post .gallery img { width: 100% } .post .gallery dl { display: inline-block; float:left; margin: 0 !important; padding: 0; } .post .gallery dt { display: block; margin: 2px; padding: 5px; float: left; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } .post .check-list, .post .check-list ul { list-style: none; padding: 0; margin: 10px 0; } .post .check-list li { padding: 5px 5px 5px 15px; border-bottom: 1px solid #D8D8D8; } .post .check-list li:before { content: ''; font-family:'FontAwesome'; position: relative; left: -10px; } .post .check-list li:last-child { border-bottom: 1px solid transparent; } .post .bullet-list, .post .bullet-list ul { list-style: none; padding: 0; margin: 10px 0; } .post .bullet-list li { padding: 5px 5px 5px 15px; border-bottom: 1px solid #D8D8D8; } .post .bullet-list li:before { content: ''; font-family:'FontAwesome'; position: relative; left: -10px; } .post .bullet-list li:last-child { border-bottom: 1px solid transparent; } .accordion-toggle:focus { outline: none; } .accordion-toggle.active { text-decoration: none; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; } .post blockquote { padding: 10px 10px 15px 15px; } .post blockquote p { font-size: 1.1em; } /* comments tree (with nesting) */ .leavecomment, .no-comments { clear: both; display: block; text-align: left; } .no-comments { padding: 20px 0 0; font-style: italic; } .comments-container, #respond { clear: both; } #commentform { background: #F7F7F7; border: 1px solid #EAEAEA; padding: 20px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; } #commentform .control-group { margin: 0; } .related-posts { overflow: hidden; padding: 20px 30px; border-top: 1px solid #D8D8D8; border-bottom: 1px solid #D8D8D8; } .related-post { overflow: hidden; } .related-post:nth-child(1) { border-right: 1px solid #D8D8D8 } .related-container { } .related-container h4 { margin: 10px 0 0 0; display: block; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; } .related-container p { color: #C8C8C8; font-family: 'Yanone Kaffeesatz',sans-serif; font-size: .9em; font-weight: 300; } .related-image { background: #F7F7F7; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3); display: block; float: left; padding: 3px; margin-right: 10px; } #comments { margin: 0; padding: 0; list-style: none; } #comments li { margin: 0; padding: 0; } #comments ul { margin: 0 0 0 30px; padding: 0; list-style: none; } .comment-author { margin: 20px 0 5px; line-height: 15px; } .comment-author .avatar { padding: 4px; position: relative; top: -10px; } .comment-author .url { text-decoration: none; } .comment .comment-entry { clear: both; } .comment .comment-entry .reply { clear: both; display: block; width: 100%; margin: 10px 0; padding: 0; text-align: right; } .comment-author img { float: left; margin-right: 10px; } calendar-popup { } #upcoming-events th, #upcoming-events td { font-size: 1.15em; line-height: 4.5em; text-align: center !important; } #upcoming-events th { width: 14.2857%; } #yocalendar-list > h3 { margin: 0; } #yocalendar-list > hr { margin-top: 0; } #yocalendar-list > div { margin-bottom: 20px; } .social-media { margin: 0; padding: 0; list-style: none; } .social-media dt { font-family: 'Yanone Kaffeesatz', sans-serif; font-size: 1.15em; line-height: 1.7em; font-weight: 300; margin: 0 10px 0 0; float: left; } .social-media dd { display: block; float: left; margin: 0 5px 0 0; } .social-share { font-family: 'FontAwesome'; display: block; opacity: 1; font-size: 2em; line-height: 1em; -webkit-transition: opacity .2s ease-in-out; -moz-transition: opacity .2s ease-in-out; transition: opacity .2s ease-in-out; transition-delay: .1s; -moz-transition-delay: .1s; -webkit-transition-delay: .1s; -o-transition-delay: .1s; } .social-share:hover { opacity: .5; text-decoration: none; } .social-share.share-linkedin { color: #08c !important} .posts .months .prev, .posts .months .next { text-decoration: none; } .posts .months .prev:hover, .posts .months .next:hover { background: rgba(0,0,0,0.35); } .nextmonth { color: #ccc; } .todays-events { position: relative; } .upcoming-events-listview .row-fluid { padding-top: 6px; padding-bottom: 6px; border-bottom: 1px solid #D8D8D8; } .upcoming-events-listview .row-fluid .btn { clear: both; margin: 14px 0 0; } .event-photo-col { width: 150px; } .event-photo { float: left; margin-right: 20px; } .event-info { position: relative; } .event-info .social-media { position: absolute; bottom: 0px; right: 10px; } .event-details, .event-details dt, .event-details dd { margin: 0; line-height: 1.15em; } .event-details { font-size: .957em; margin: 5px 0 0; } .event-details dt { font-size: 1.5em; margin: 10px 0 10px; } .event-details dd { } #pagination { margin: 20px 0; text-align: center; } #pagination ol { margin: 0; padding: 0; list-style: none; display: inline-block; } #pagination ol li { display: block; float: left; margin: 0 1px; } #pagination > a { display: inline !important; } #pagination a { display: block; padding: 5px 10px 3px; } #pagination span { display: block; padding: 5px 10px 3px; } #pagination .title { } #pagination .page { } #pagination .current { } #pagination .prev { } #pagination .next { } span.wpcf7-not-valid-tip { left:auto !important; right:0% !important; top:-41%; padding: 4px 9px 7px; line-height: 1em; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } div.wpcf7-response-output { padding: 5px 8px; line-height: 1em; margin: 10px 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .nodata-container { width: 100%; } .nodata-container i { opacity: .25; margin: 0 auto; } .nodata-container h3, .nodata-container p { } .nodata { } /* * ---------------------------------------------------------- * Widgets styling * ---------------------------------------------------------- */ #content-area { padding: 10px; } .widgets.sidebar { background: #f7f7f7; padding: 10px; } /* * Responsive video & iframed content */ video { max-width: 100%; height: auto; } .media-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; margin-bottom: 10px; } .media-container iframe, .media-container object, .media-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .wpcf7-validation-errors { } .posts > h3.cat-title, .widgets.sidebar h3.widget-title { display: block; margin: 20px 0 10px; padding: 0 0 5px 35px; text-align: left; position: relative; } .posts > h3.cat-title:before { opacity: 0.25; } .posts > h3.cat-title:before, .widgets.sidebar h3.widget-title:before { font-family:'FontAwesome'; font-size: .75em; content:''; position: absolute; top: 2px; left: 10px; } .widgets.sidebar select { width: 100% !important; } .widgets.sidebar ul { list-style: none; margin: 0; padding: 0; } .widgets.sidebar > li > ul > li { display: block; padding: 5px; } .widgets.sidebar .children { margin: 5px 0 0; padding: 5px 0 5px 10px; } .widgets.sidebar .children li { margin: 0; padding: 0 5px; } .widgets.sidebar .menu { margin: 0; padding: 0; } .widgets.sidebar .menu a { display: block; } .widgets.sidebar .menu li { display: block; padding: 5px; } .widgets.sidebar .menu > .menu-item > a:before { font-family:'FontAwesome'; content:''; display: inline; font-size: .75em; margin-right: 5px; opacity: .25; position: relative; top: -1px; } .widgets.sidebar .menu > .menu-item > a:hover:before { opacity: 1; } .widgets.sidebar .sub-menu { margin: 5px 0 0; padding: 5px 0 5px 10px; } .widgets.sidebar .sub-menu li { padding: 0 5px; } .widgets.sidebar #searchform { text-align: center; } .widgets.sidebar #searchform div { margin: 25px 0; } .widgets.sidebar #searchform input[type='text'] { display: inline-block; } .widget .social-hub { text-align: center; font-size: 1.15em; } .widget .social-hub li { display: inline-block; } .widget .social-hub a { text-decoration: none; } .footer-widgets .social-hub a { opacity: .75; } .footer-widgets .social-hub a:hover { opacity: 1; } .footer-widgets .rssSummary { color:#fff } .widgets.sidebar #wp-calendar { width: 100%; text-align: center; } .widgets.sidebar #wp-calendar caption { font-family: 'Yanone Kaffeesatz', sans-serif; font-weight: 400; padding: 6px; margin-bottom: 5px; font-size: 1.15em; } .widgets.sidebar #wp-calendar td { padding: 0; line-height: 2em; } .widgets.sidebar #wp-calendar td#prev a, .widgets.sidebar #wp-calendar td#next a { display: block; font-family: 'Yanone Kaffeesatz', sans-serif; margin: 0 -1px; padding: 0; font-size: 1.15em; line-height: 1em; padding: 7px 9px; } .widgets.sidebar #wp-calendar td#prev a, .widgets.sidebar #wp-calendar td#next a { display: block; font-family: 'Yanone Kaffeesatz', sans-serif; padding: 0; font-size: 1.15em; line-height: 1em; padding: 7px 9px; } .widgets.sidebar > li > ul > li { display: block; padding: 5px; } .widget.generic cite { display: inline-block; font-style: italic; margin: 5px 0; text-align: right; } .widget-videos ul { list-style: none; padding: 0; margin: 0; } .widget-videos ul li:before { font-family:'FontAwesome'; content:''; display: inline; font-size: .75em; margin-right: 5px; opacity: .25; position: absolute; top: 5px; left: 5px; } .widget-videos ul li { padding: 6px 5px 5px 20px; position: relative; } .widget-videos ul li:hover:before { opacity: 1; } .widget-videos ul li:hover { cursor: pointer; } .widget-videos p { margin: 0; padding: 0; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .widgets.sidebar .widget-videos { } .staff-members-container { text-align: center; } .staff-members { display: inline-block; margin: 0 auto; padding: 0; text-align: center; width: 100%; } .staff-members li { display: block; margin: 0; padding: 0 !important; border: none !important; float: left; width: 25%; } .staff-members a { display: block; float: left; margin: 2px; padding: 4px; display: block; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; } .social-hub { list-style: none; margin: 0; padding: 0; } .social-hub li { display: inline-block; margin: 0; padding: 0; } .social-hub span { display: none; } .facebook-share, .twitter-share, .googleplus-share { font-family:'FontAwesome'; font-size: 1em; display: block; opacity: 0.5; line-height: 2em; } .facebook-share { } .twitter-share { } .googleplus-share { } .staff-members figure { display: inline-block; } .staff-members img { display: block; width: 100%; height: auto; } .latest-tweets-container { min-height: 110px; padding-left: 40px; position: relative; } .latest-tweets-container:before { content:""; font-family: 'FontAwesome'; line-height: 1.25em; font-size: 2em; position: absolute; left: 0; top: 0; } .latest-tweets { font-style: italic; } .upcoming-events { position: relative; text-align: center !important; } .upcoming-events .item-container { margin: 0 30px; overflow: hidden; } .upcoming-events .control-left { position: absolute; top: 50%; left: 0; } .upcoming-events .control-right { position: absolute; top: 50%; right: 0; } .upcoming-events .carousel-inner { text-align: center; } .upcoming-events .control-left, .upcoming-events .control-right { height: 60px; text-align: center; width: 30px; margin-top: -30px; text-decoration: none; outline: none; } .upcoming-events .control-left i, .upcoming-events .control-right i { font-size: 1.5em; line-height: 2.9em; opacity: .5; } .upcoming-events .control-left:hover i, .upcoming-events .control-right:hover i { opacity: 1; } .upcoming-events .indicators { position: absolute; left: 0; top: auto; right: auto; bottom: 15px !important; width: 100%; margin: 0; padding: 0; text-align: center; z-index: 10; } .upcoming-events .indicators li.active { background: #fff; } .upcoming-events .indicators li { display: inline-block; float: none; height: 16px; width: 16px; margin: 0 2px; background: rgba(0,0,0,0.15); box-shadow: inset 0px 2px 3px rgba(0,0,0,0.8), 0px 1px 0px rgba(0,0,0,0.5); -webkit-border-radius: 500px; -moz-border-radius: 500px; border-radius: 500px; } .upcoming-events-listview h3 { margin-top: 60px; } /* * ---------------------------------------------------------- * Site footer * ---------------------------------------------------------- */ #copyright-info { } #copyright-info p { text-align: center; padding: 20px 0; margin: 0; } #site-footer { padding: 0 0 40px 0; } #site-footer .textwidget a, #site-footer .textwidget a:visited { text-decoration: none; } #site-footer ul { list-style: none; } #site-footer h3.widget-title { display: block; margin: 20px 0 10px; padding: 0 0 5px 25px; text-align: left; position: relative; } #site-footer h3.widget-title:before { font-family:'FontAwesome'; font-size: .75em; content:''; position: absolute; top: 2px; left: 0; opacity: 0.25; } #site-footer h3.staff-title:before { content:''; } #site-footer h3.tweets-title:before { content:''; } #site-footer h3.gallery-title:before { content:''; } #site-footer h3.upcomingevents-title:before { content:''; } #site-footer h3.socialhub-title:before { content:''; } #copyright-info a, #copyright-info a:visited { text-decoration: none; } #site-footer .menu { margin: 0; padding: 0; } #site-footer .menu a { display: block; text-decoration: none; } #site-footer .menu li { display: block; padding: 5px; } #site-footer .menu > .menu-item > a:before { font-family:'FontAwesome'; content:''; display: inline; font-size: .75em; margin-right: 5px; opacity: .25; position: relative; top: -1px; } #site-footer .menu > .menu-item > a:hover:before{ opacity: 1; } #site-footer ul { margin: 0; padding: 0; } #site-footer .sub-menu { margin: 5px 0 0; padding: 5px 0 5px 10px; } #site-footer .sub-menu li { padding: 0 5px; } #site-footer #wp-calendar { width: 100%; text-align: center; } #site-footer #wp-calendar caption { font-family: 'Yanone Kaffeesatz', sans-serif; font-weight: 400; padding: 6px; margin-bottom: 5px; font-size: 1.15em; } #site-footer #wp-calendar td { padding: 0; line-height: 2em; } #site-footer #wp-calendar tfoot td { text-transform: lowercase; } #site-footer select { display: block; width: 100%; } .footer-widgets > li > ul > li { display: block; padding: 5px; } .footer-widgets p { color: #fff; } #site-footer .children { margin: 5px 0 0; padding: 5px 0 5px 10px; } #site-footer .children li { margin: 0; padding: 0 5px; } span.wpcf7-not-valid-tip { background: #B02719; border: 1px solid #9E2316; color: #fff; display: block; } div.wpcf7-response-output { background: #ffc000; border: 1px solid #ffae00; color: #784a13; } .search-excerpt { background: #ffc000; display: inline-block; padding: 0px 4px; } #colorbox { overflow: hidden !important; } .event-cell span { position: relative; display: block; } .event-cell span.event-counter { position: absolute; color: #fff !important; } .event-info { height: 100px; position: absolute; top: -30px; left: -10px; background: #000; background: rgba(0,0,0,0.75); border: 1px solid rgba(255,255,255,0.15); padding: 10px; width: 100%; min-width: 100px; z-index: 200; opacity: 0; overflow: hidden; font-size: 13px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; box-sizing: padding-box; text-shadow: 0px -1px 0px rgba(0,0,0,0.5); } .event-info ul { margin: 0; padding: 0; list-style: none; } .event-info li { margin: 0; padding: 0; } .event-info li p { margin: 5px 0; } .event-info li img { width: 100%; height: auto; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out; opacity: 1; margin-bottom: 5px; } /*.event-info li img:hover { opacity: .7; filter: alpha(opacity=70); }*/ .event-info li strong { text-transform: uppercase; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .event-info a.btn, .event-info a.btn:visited, .event-info a { color: #fff !important; display: block; margin-top:7px; } .event-counter { background: rgba(0,0,0,0.2); display: block; font-style: normal; position: absolute; right: -8px; bottom: -6px; width: 16px; height: 16px; line-height: 18px; font-size: .65em; } .party:hover .event-info { display: block; } #myCarousel2 .carousel { } #myCarousel2 .carousel-control { position: absolute; margin: 0; top: 0; height: 100%; width: 20px; border: none; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; opacity: 1; } #myCarousel2 .carousel-control.left { left: 0px; } #myCarousel2 .carousel-control.right { right: 0px; } #myCarousel2 .carousel-control.left:before, #myCarousel2 .carousel-control.right:before { display: block; height: 20px; width: 20px; position: absolute; top: 50%; margin-top: -10px; text-align: center !important; } #myCarousel2 .carousel-control.left:before { content: ""; font-family:'FontAwesome'; font-size: .25em; } #myCarousel2 .carousel-control.right:before { content: ""; font-family:'FontAwesome'; font-size: .25em; } .previous-next-posts { border-bottom: 1px solid #D8D8D8; } .previous-next-posts a { display: block; padding: 10px; } .previous-next-posts a:first-child { float: left; text-align: left; padding-left: 25px; position: relative; } .previous-next-posts a:last-child { float: right; text-align: right; padding-right: 25px; position: relative; } .previous-next-posts a:before { font-family: "FontAwesome"; } .previous-next-posts a:first-child:before { position: absolute; left: 10px; content: ""; display: block; } .previous-next-posts a:last-child:before { position: absolute; right: 10px; content: ""; display: block; } /*@media screen and (max-height: 620px) { .content-holder { opacity: 0; height: 0; } }*/ @media screen and (max-height: 620px) { .content-holder { opacity: 1; overflow-y: scroll; } } @media (max-width: 768px) and (orientation:portrait) { .event-counter { bottom: 0; right: 0; } .post table th, .post table td { padding: 0; } #site-navigation { display: none; } #site-nav-mobile { display: block; } .stripe-container { margin: 0; width: 100%; } .stripe.stripe-ghost { display: none; } .stripe { clear: both; float: none; height: auto; width: 100%; } .type-gallery > ul li, .staff-members li { width: 50%; } h1,h2,h3 { line-height: 1em; } h1 { font-size: 2em; } h3 { font-size: 1.4em; } .widgets.sidebar h3.widget-title { padding: 0 0 5px 20px; } ul.gallery li { width: 33.333%; } #upcoming-events th, #upcoming-events td { line-height: 2em; } .widgets.sidebar { padding: 0 20px 20px; } #site-content { margin: 0; margin: 0 -20px; } #site-footer { padding: 0 20px 40px; margin: 0 -20px; } #site-footer .container { padding-top: 20px; } #copyright-info { padding: 0 20px; margin: 0 -20px; } .front-page .post-icon { height: 0 !important; margin: 0 !important; } .front-page .stripe:hover .post-icon, .front-page .stripe.active .post-icon { height: 0; margin: 0; } .stripe .content-container { margin: 20px 20px 40px !important; } .related-post { } .related-post:nth-child(1) { border: none; } .related-image { display: none; } .related-posts { padding: 20px 30px 35px; } .widgets.sidebar h3.widget-title:before { top: 11px; } .widgets.sidebar h3.widget-title { padding: 10px 10px 10px 30px; } .stripe-holder.showall .content-container, .stripe-holder.titlenodesc .content-container, .stripe-holder.descnotitle .content-container, .stripe-holder.titleonly .content-container, .stripe-holder.menuonly .content-container, .stripe-holder.logo .content-container { padding: 20px 20px 40px !important; margin: 0 !important; } .stripe-holder.nothing { padding: 20px 0px 40px !important; margin: 0 !important; } body { height: auto !important; } #header { position: relative !important; top: 0 !important; width: 100%; } .stripe-holder { height: auto !important; } #site-nav-mobile form { margin: 0 !important; } .iseeunicorn { overflow-y: auto !important; } .show-more-posts { display: none} #header { margin: 0 -20px; padding: 0px 20px; } } @media (min-width: 769px) and (orientation:landscape) and (max-width: 1152px) { .stripe { width: 16.6667%; } .type-gallery > ul li, .staff-members li { width: 33.33%; } h1,h2,h3 { line-height: 1em; } h1 { font-size: 2em; } h3 { font-size: 1.4em; } .widgets.sidebar h3.widget-title:before { top: 7px; } .widgets.sidebar h3.widget-title { padding: 5px 0 5px 30px; } .related-container { padding: 0 15px; } .related-image { display: none; } } @media (min-width: 1153px) and (max-width: 1400px) { .stripe { width: 10%; } } @media (min-width: 1920px) { .stripe { width: 8.3335%; } } @media (min-width: 1920px) { .stripe { width: 8.3335%; } } @media (min-width: 2208px) { .stripe { width: 7.142%; } } @media (min-width: 2460px) { .stripe { width: 6.25%; } } #flicker-fix { position: absolute; top: 0; width: 100%; height: 100%; left: 0; z-index: 100; display:none } .form-model > p { position: relative } .form-model .errorMessage { display: none } .form-model .error { position: absolute; top:0px; z-index: 100; margin-left: 100px; padding: 5px 5px 5px 10px; background: #b02719; border-radius: 5px; color: #fff; width: 290px; display: block}