/* Theme Name: Twenty Fourteen Theme URI: http://wordpress.org/themes/twentyfourteen Author: the WordPress team Author URI: http://wordpress.org/ Description: In 2014, our default theme lets you create a responsive magazine website with a sleek, modern design. Feature your favorite homepage content in either a grid or a slider. Use the three widget areas to customize your website, and change your content's layout with a full-width page template and a contributor page to show off your authors. Creating a magazine website with WordPress has never been easier. Version: 1.1 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: black, green, white, light, dark, two-columns, three-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready Text Domain: twentyfourteen This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned with others. */ /** * Table of Contents: * * 1.0 - Reset * 2.0 - Repeatable Patterns * 3.0 - Basic Structure * 4.0 - Header * 5.0 - Navigation * 6.0 - Content * 6.1 - Post Thumbnail * 6.2 - Entry Header * 6.3 - Entry Meta * 6.4 - Entry Content * 6.5 - Galleries * 6.6 - Post Formats * 6.7 - Post/Image/Paging Navigation * 6.8 - Attachments * 6.9 - Archives * 6.10 - Contributor Page * 6.11 - 404 Page * 6.12 - Full-width * 6.13 - Singular * 6.14 - Comments * 7.0 - Sidebar * 7.1 - Widgets * 7.2 - Content Sidebar Widgets * 8.0 - Footer * 9.0 - Featured Content * 10.0 - Multisite * 11.0 - Media Queries * 12.0 - Print * ----------------------------------------------------------------------------- */ /** * 1.0 Reset * * Resetting and rebuilding styles have been helped along thanks to the fine * work of Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html * along with Nicolas Gallagher and Jonathan Neal * http://necolas.github.com/normalize.css/ and Blueprint * http://www.blueprintcss.org/ * * ----------------------------------------------------------------------------- */ @import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300); @import url(https://fonts.googleapis.com/css?family=Arimo:400,700,400italic,700italic|Archivo+Narrow:400,400italic,700italic,700&subset=latin,cyrillic-ext,greek-ext,vietnamese,greek,latin-ext,cyrillic); html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border: 0; font-family:'Open Sans Condensed', sans-serif; font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0; outline: 0; padding: 0; vertical-align: baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } /* ---------------------------------------------------------- Remember to define focus styles! = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */ :focus { outline: 0; } body { background: #fff; line-height: 1; } ol, ul { list-style: none; } /* ---------------------------------------------------------- Tables still need 'cellspacing="0"' in the markup = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */ table { border-collapse: separate; border-spacing: 0; } caption, th, td { font-weight: normal; text-align: left; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } a img { border: 0; } /* ---------------------------------------------------------- Alignment = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */ .alignleft { display: inline; float: left; margin-right: 1.5em; } .alignright { display: inline; float: right; margin-left: 1.5em; } .aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; } /* ---------------------------------------------------------- Global = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */ body, input, textarea { color: #3b3b3d; font-size: 14px; font-family:'Open Sans Condensed', sans-serif; line-height: 1.5; -webkit-font-smoothing: antialiased; } .clear{ clear: both; } .clear-widget{ clear: both; padding: 30px 0; } .fleft{ float: left; } .fright { float: right; } .radius{ -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } .radius-bottom{ -webkit-border-bottom-right-radius: 2px; -webkit-border-bottom-left-radius: 2px; -moz-border-radius-bottomright: 2px; -moz-border-radius-bottomleft: 2px; border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; } /* ---------------------------------------------------------- Headings = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */ h1,h2,h3,h4,h5,h6 { clear: both; font-family:'Open Sans Condensed', sans-serif; } hr { background-color: #ccc; border: 0; height: 1px; margin-bottom: 1.5em; } h1 { font-size:30px; } h2 { font-size:24px; } h3 { font-size:19px; } h4 { font-size:20px; } h5 { font-size:18px; } h6 { font-size:16px; } /* ---------------------------------------------------------- Text elements = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */ p { margin-bottom: 0.5em; font-size: 15px; text-align:justify; } ul, ol { margin: 0 0 1.5em 2.5em; } ul { list-style: square; } ol { list-style-type: decimal; } ol ol { list-style: upper-alpha; } ol ol ol { list-style: lower-roman; } ol ol ol ol { list-style: lower-alpha; } ul ul, ol ol, ul ol, ol ul { margin-bottom: 0; } dl { margin: 0 1.5em; } dt { font-weight: bold; } dd { margin-bottom: 1.5em; } strong { font-weight: bold; } cite, em, i { font-style: italic; } blockquote { font-style: italic; margin: 0 3em; } blockquote em, blockquote i, blockquote cite { font-style: normal; } pre { background: #f4f4f4; font: 13px 'Open Sans Condensed', sans-serif; line-height: 1.5; margin-bottom: 1.5em; padding: 0.75em 1.5em; } code, kbd { font: 13px 'Open Sans Condensed', sans-serif; } abbr, acronym { border-bottom: 1px dotted #666; cursor: help; } ins { background: #fff9c0; text-decoration: none; } sup, sub { font-size: 10px; height: 0; line-height: 1; position: relative; vertical-align: baseline; } sup { bottom: 1ex; } sub { top: .5ex; } input[type=text], textarea { border: 1px solid #888; } textarea { padding-left: 3px; width: 98%; } input[type=text] { padding: 3px; } /* ---------------------------------------------------------- Text meant only for screen readers = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */ .screen-reader-text { position: absolute !important; clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px); } .teaser-page{ height: 350px; width: 100%; } .teaser-page-list{ min-height: 150px; width: 100%; } .teaser-page-404 { height: 400px; width: 100%; } #main { background: #fff; } #main .inner{ padding: 5px 0; } /* ---------------------------------------------------------- Header = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */ #sticky_navigation { position: fixed; top:0; left:0; background: #fdf5d5; width: 100%; z-index: 99; padding: 8px 0 !important; min-height: 60px; border-bottom: 1px solid #f3f3f3; } #toolbar { min-height: 40px; } #toolbar .tb-list { float: right !important; text-align: right !important; margin: 0; } #toolbar .tb-list li{ float: left; font-size: 16px; display: inline; margin: 0; padding: 0; text-align: center; position: relative; } #toolbar .tb-list li a { color: #fff; margin: 0; padding: 0px 0 0 0; text-decoration: none; display: inline-block; background: none; } #toolbar .tb-list .phone a { padding-right: 10px; padding-top: 11px; font-size: 14px; } #toolbar .tb-list .phone p { padding-right: 10px; padding-top: 11px; font-size: 14px; color:#ffffff; } #toolbar .tb-list .mt { padding-top: 0px; } #toolbar .tb-list .rss a, #toolbar .tb-list .contact a, #toolbar .tb-list .share a, #toolbar .tb-list .search a{ padding-top: 10px; width: 40px; height: 30px; background: none; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } #toolbar .tb-list .share-item-icon-facebook a, #toolbar .tb-list .share-item-icon-twitter a, #toolbar .tb-list .share-item-icon-google-plus a, #toolbar .tb-list .share-item-icon-github a, #toolbar .tb-list .share-item-icon-pinterest a, #toolbar .tb-list .share-item-icon-linkedin a, #toolbar .tb-list .share-item-icon-youtube a, #toolbar .tb-list .share-item-icon-vk a, #toolbar .tb-list .share-item-icon-vimeo a, #toolbar .tb-list .share-item-icon-skype a { padding-top: 12px; width: 40px; height: 28px; background: none; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } .menu-main-menu-container li.current-menu-item a { color:#578A2C; } /* ---------------------------------------------------------- Toolbar Share, social icons = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */ #toolbar .tb-list .share-items { visibility:hidden; opacity:0; filter:alpha(opacity=0); transition: visibility 0s linear 0.5s,opacity 0.5s linear; -webkit-transition: visibility 0s linear 0.5s,opacity 0.5s linear; -moz-transition: visibility 0s linear 0.5s,opacity 0.5s linear; -ms-transition: visibility 0s linear 0.5s,opacity 0.5s linear; -o-transition: visibility 0s linear 0.5s,opacity 0.5s linear; position:absolute; top:40px !important; right:0px; z-index:6000; list-style:none; margin:0; padding:24px !important; width: auto; min-width:123px; background:#3b3b3d; } #toolbar .tb-list .share-items a { height: 27px; padding-top: 13px; } #toolbar .tb-list .share-items a i{ } #toolbar .tb-list .share-items .share-item-icon-facebook a:hover, #toolbar .tb-list .share-item-icon-facebook a:hover{ background: #3a589b; } #toolbar .tb-list .share-items .share-item-icon-twitter a:hover, #toolbar .tb-list .share-item-icon-twitter a:hover{ background: #19bfe8; } #toolbar .tb-list .share-items .share-item-icon-google-plus a:hover, #toolbar .tb-list .share-item-icon-google-plus a:hover{ background: #d64136; } #toolbar .tb-list .share-items .share-item-icon-github a:hover, #toolbar .tb-list .share-item-icon-github a:hover{ background: #754c24; } #toolbar .tb-list .share-items .share-item-icon-pinterest a:hover, #toolbar .tb-list .share-item-icon-pinterest a:hover{ background: #e53b51; } #toolbar .tb-list .share-items .share-item-icon-linkedin a:hover, #toolbar .tb-list .share-item-icon-linkedin a:hover{ background: #3a589b; } #toolbar .tb-list .share-items .share-item-icon-youtube a:hover, #toolbar .tb-list .share-item-icon-youtube a:hover{ background: #e53b51; } #toolbar .tb-list .share-items .share-item-icon-vk a:hover, #toolbar .tb-list .share-item-icon-vk a:hover{ background: #45668E; } #toolbar .tb-list .share-items .share-item-icon-vimeo a:hover, #toolbar .tb-list .share-item-icon-vimeo a:hover{ background: #aad450; } #toolbar .tb-list .share-items .share-item-icon-skype a:hover, #toolbar .tb-list .share-item-icon-skype a:hover{ background: #0078ca; } /* ---------------------------------------------------------- Search hover items = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */ #toolbar .tb-list .search-items { visibility:hidden; opacity:0; filter:alpha(opacity=0); transition: visibility 0s linear 0.5s,opacity 0.5s linear; -webkit-transition: visibility 0s linear 0.5s,opacity 0.5s linear; -moz-transition: visibility 0s linear 0.5s,opacity 0.5s linear; -ms-transition: visibility 0s linear 0.5s,opacity 0.5s linear; -o-transition: visibility 0s linear 0.5s,opacity 0.5s linear; position:absolute; top:40px !important; right:0px; z-index:5000; list-style:none; margin:0; padding: 24px !important; width: auto; min-width:272px; background:#e53b51; } #toolbar .tb-list .search-items li{ width: 100%; } #toolbar .tb-list #s { width: 90%; border: none; height: 30px; font-size: 14px; color: #c9c9cf; } #toolbar .tb-list #s:focus { background-color: #f3f3f3; color: #000; } #toolbar .tb-list #searchsubmit { display: none; } /* ---------------------------------------------------------- Donate = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */ #toolbar .tb-list .donate a { padding-left: 10px; padding-right: 10px; padding-top: 12px; text-transform: uppercase; height: 28px; background: #f18d06; font-size: 14px; } /* ==|== Hover = = = = = = = = = = = = = = = = = = = = = */ #toolbar .tb-list .rss a:hover{ background: #ff9900; } #toolbar .tb-list .contact a:hover{ background: #20a7ff; } #toolbar .tb-list .share a:hover{ background: #3b3b3d; } #toolbar .tb-list .share:hover{ background: #3b3b3d; } #toolbar .tb-list .share:hover .share-items{ visibility:visible; opacity: 1; filter:alpha(opacity=100); -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } #toolbar .tb-list .search:hover .search-items{ visibility:visible; opacity: 1; filter:alpha(opacity=100); -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } #toolbar .tb-list .donate a:hover{ background: #f6c004; color: #fff; -webkit-animation-name: fadeIn; -moz-animation-name: fadeIn; -o-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-duration:1s; -moz-animation-duration:1s; -ms-animation-duration:1s; -o-animation-duration:1s; animation-duration:1s; } #branding{ min-height: 60px; } #site-title{ font-size: 50px; font-family: 'Open Sans Condensed', sans-serif;; line-height: 45px; font-weight: bold; } #site-title a{ text-decoration: none; } #site-description{ font-size: 14px; color: #000; text-transform: uppercase; } #teaser{ background: #fff; } #teaser .header-image{ width: 100%; height: auto; display: block; } /* ---------------------------------------------------------- Menu = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */ #branding nav { float: right; } nav select { display: none; } /* ---------------------------------------------------------- Navigation between posts = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */ .nav-next a, .nav-previous a{ color: #a2a2ad; border: 1px solid #a2a2ad; text-decoration: none; padding: 6px 12px; margin: 10px 0 0 0; display: inline-block; text-transform: uppercase; } .nav-next .meta-nav, .nav-previous .meta-nav { font-size: 20px; line-height: 1px; } .nav-next a:hover, .nav-previous a:hover { color: #fff; -webkit-animation-name: fadeIn; -moz-animation-name: fadeIn; -o-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-duration:0.5s; -moz-animation-duration:0.5s; -ms-animation-duration:0.5s; -o-animation-duration:0.5s; animation-duration:0.5s; } /* ==|== top navigation = = = = = = = = = = = = = = = = = = = = = */ .main-navigation { margin: 0 auto; max-width: 66.75; min-height: 45px; position: relative; } ul.nav-menu, div.nav-menu > ul { margin: 0; padding:21px 0px 0 0; text-align: right; } .nav-menu li { display: inline-block; position: relative; } .nav-menu li a { color: #4d4d4e; display: block; font:bold 14px/19px 'Open Sans Condensed', sans-serif;; text-transform: uppercase; line-height: 1; padding: 10px; text-decoration: none; } .nav-menu li:hover > a, .nav-menu li a:hover { border-bottom: 0px solid #e9e9e9; } .nav-menu .sub-menu, .nav-menu .children { -moz-box-shadow: 0 0px 8px rgba(0,0,0,0.2); -webkit-box-shadow: 0 0px 8px rgba(0,0,0,0.2); box-shadow:0 0px 8px rgba(0,0,0,0.2); background:#fbf6e3; display: none; padding: 0; position: absolute; left: -25px; color: #3b3b3d; z-index: 99999; text-align: left; } .nav-menu .sub-menu ul, .nav-menu .children ul { border-left: 0; left: 145px; top: 0; } ul.nav-menu ul a, .nav-menu ul ul a { color: #3b3b3d; margin: 0; width: 224px; border-bottom: 1px solid #ccc; line-height:17px; } ul.nav-menu ul a:hover, .nav-menu ul ul a:hover { color: #fff; border-bottom: 1px solid #ccc; -webkit-animation-name: fadeIn; -moz-animation-name: fadeIn; -o-animation-name: fadeIn; animation-name: fadeIn; animation-delay: 0s; /* W3C and Opera */ -moz-animation-delay: 0s; /* Firefox */ -webkit-animation-delay: 0s; /* Safari and Chrome */ -webkit-animation-fill-mode:both; -moz-animation-fill-mode:both; -ms-animation-fill-mode:both; -o-animation-fill-mode:both; animation-fill-mode:both; -webkit-animation-duration:1s; -moz-animation-duration:1s; -ms-animation-duration:1s; -o-animation-duration:1s; animation-duration:1s; } ul.nav-menu li:hover > ul, .nav-menu ul li:hover > ul { display: block; } .menu-toggle { display: none; } /* ---------------------------------------------------------- Language menu = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */ .menu-language-menu-container { float: left; } .menu-language-menu-container ul{ margin: 7px 0 0 0; padding: 0; } .menu-language-menu-container ul li{ margin: 0 1px 0 0; display: inline-block; float: left; } .menu-language-menu-container ul li a { color: #fff; text-decoration: none; background: #3b3b3d; display: inline-block; padding: 2px 10px; } .menu-language-menu-container ul li a:hover { border-bottom: 1px solid #fff; } .menu-language-menu-container ul .current a { border-bottom: 0px solid #fff; font-weight: bold; } /* ---------------------------------------------------------- Content = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */ .sticky{} .bypostauthor{} .teaser-page .page-title{ margin-top: 140px; } .teaser-page-list .page-title{ margin: 40px 0; } .page-title{ color: #fff; border: 2px solid #fff; padding: 10px 20px; display: inline-block; -webkit-animation-name: fadeInDown; -moz-animation-name: fadeInDown; -o-animation-name: fadeInDown; animation-name: fadeInDown; animation-delay: 0s; /* W3C and Opera */ -moz-animation-delay: 0s; /* Firefox */ -webkit-animation-delay: 0s; /* Safari and Chrome */ -webkit-animation-fill-mode:both; -moz-animation-fill-mode:both; -ms-animation-fill-mode:both; -o-animation-fill-mode:both; animation-fill-mode:both; -webkit-animation-duration:1s; -moz-animation-duration:1s; -ms-animation-duration:1s; -o-animation-duration:1s; animation-duration:1s; } .teaser-page #rootline { margin-top: 164px; } .teaser-page-list #rootline { margin-top: 64px; } #rootline{ font-size: 14px; text-align: left; color: #393938; border-bottom:1px #D7D7D7 solid; margin:0 0 8px 0; padding:0; } #rootline a{ color: #578A2C; text-decoration: none; margin:0 0 8px 0; } #rootline a:hover{ color: #008000; text-decoration: underline; } .teaser-page-404 { text-align: center; } .teaser-page-404 .page-title { margin-top: 120px; font-size: 92px; } .teaser-page-404 h2 { margin-top: 48px; font-size: 22px; color: #fff !important; } .single-404 { text-align: center; } .single-404 .button { margin-bottom: 0px !important; } .entry-content table, .comment-content table { border-bottom: 1px solid #ddd; margin: 0 0 1.625em; width: 100%; } .entry-content th, .comment-content th { color: #666; font-size: 14px; font-weight: 600; letter-spacing: 0.1em; line-height: 2.6em; } .entry-content td, .comment-content td { border-top: 1px solid #ddd; padding: 6px 10px 6px 0; } .page-link{ margin: 24px 0; } .entry-content blockquote { padding-left: 24px; font-size: 20px; } .entry-content blockquote p{ font-size: 20px; } /* ---------------------------------------------------------- Article List = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */ article.list { margin-bottom: 48px; padding-bottom: 48px; border-bottom: 1px solid #ddd; } .short-content .entry-header{ color: #e53b51; font-size: 22px; background: #fff; display: inline; } .short-content .entry-header a{ text-decoration: none; } .short-content figure { margin: 8px 24px 5px 0; } figure { float:left; margin: 0; padding: 0; position: relative; } figure img{ -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; width: 99%; height: auto; display: block; } figure .mask{ width: 98%; height: auto; height: 98%; position: absolute; overflow: hidden; top: 0; left: 0; margin: 0; padding: 0; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear; -ms-transition: all 0.5s linear; transition: all 0.5s linear; background: transparent; text-align: center; border:solid 3px #578a2c; } figure .mask .mask-square { display: none; } figure:hover .mask-square { position: relative; top: 0; margin: 60px 20px 0 20px; left: 0; font-size: 22px; display: inline-block; text-align: center; -webkit-animation-name: fadeInDown; -moz-animation-name: fadeInDown; -o-animation-name: fadeInDown; animation-name: fadeInDown; animation-delay: 0s; /* W3C and Opera */ -moz-animation-delay: 0s; /* Firefox */ -webkit-animation-delay: 0s; /* Safari and Chrome */ -webkit-animation-fill-mode:both; -moz-animation-fill-mode:both; -ms-animation-fill-mode:both; -o-animation-fill-mode:both; animation-fill-mode:both; -webkit-animation-duration:1s; -moz-animation-duration:1s; -ms-animation-duration:1s; -o-animation-duration:1s; animation-duration:1s; background: #fff; width: 40px; height: 35px; padding-top: 5px; } figure:hover .mask{ background: rgba(0, 0, 0, 0.6); } .entry-meta { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 0; overflow: hidden; } .short-content p{ margin: 0 0 15px 0; } .short-content .entry-meta p { margin: 10px 12px 0 12px; padding: 0; } p.sponsors i { color: #e53b51; } .fund i { color: #3b3b3d; } .time{ color: #20a7ff; } .time a{ text-decoration: none; } .fb{ color: #3a589b; } .fb a { text-decoration: none; } .short-content .buttons { color: #fff; padding: 10px 24px; text-decoration: none; text-transform: uppercase; } .short-content .buttons:hover { background: #3b3b3d; color: #fff; -webkit-animation-name: fadeIn; -moz-animation-name: fadeIn; -o-animation-name: fadeIn; animation-name: fadeIn; animation-delay: 0s; /* W3C and Opera */ -moz-animation-delay: 0s; /* Firefox */ -webkit-animation-delay: 0s; /* Safari and Chrome */ -webkit-animation-fill-mode:both; -moz-animation-fill-mode:both; -ms-animation-fill-mode:both; -o-animation-fill-mode:both; animation-fill-mode:both; -webkit-animation-duration:1s; -moz-animation-duration:1s; -ms-animation-duration:1s; -o-animation-duration:1s; animation-duration:1s; } /* ==|== Fb = = = = = = = = = = = = = = = = = = = = = */ .entry-meta .buttons.facebook i{ color: #3a589b; } .entry-meta .buttons.facebook{ background: #fff; color: #3b3b3d; text-transform: none; padding: 10px 12px; } .entry-meta .buttons.facebook:hover { background: #3a589b; color: #fff; } .entry-meta .buttons.facebook:hover i{ background: none; color: #fff; } /* ==|== time = = = = = = = = = = = = = = = = = = = = = */ .entry-meta .buttons.time i{ color: #20a7ff; } .entry-meta .buttons.time{ background: #fff; text-transform: none; padding: 10px 12px; color: #3b3b3d; } .entry-meta .buttons.time:hover { background: #20a7ff; color: #fff; } .entry-meta .buttons.time:hover i{ background: none; color: #fff; } /* ==|== Author = = = = = = = = = = = = = = = = = = = = = */ .entry-meta .buttons.author i{ color: #f18d06; } .entry-meta .buttons.author{ background: #fff; text-transform: none; padding: 10px 12px; color: #3b3b3d; } .entry-meta .buttons.author:hover { background: #f18d06; color: #fff; } .entry-meta .buttons.author:hover i{ background: none; color: #fff; } /* ---------------------------------------------------------- Single cause = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */ .square-info{ position: absolute; bottom: 0px; left: 0px; width: 50%; background: #fff; z-index: 1; } .square-info.full{ position: relative; width: 100%; } .square-info.full .square-info-margins{ margin: 0 0 24px 0; } .square-info-margins{ margin: 24px 24px 8px 24px; } progress { width: 100%; height: 15px; margin: 5px auto 12px auto; display: block; /* Important Thing */ -webkit-appearance: none; border: none; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background: #e6c9cd; } /* All good till now. Now we'll style the background */ progress::-webkit-progress-bar { background: #f3f3f3; padding: 0px; } /* Now the value part */ progress::-webkit-progress-value { -webkit-border-radius: 2px; border-radius: 2px; box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, 0.4); background: -webkit-linear-gradient(-45deg, transparent, transparent 33%, rgba(0, 0, 0, 0.051) 33%, rgba(0, 0, 0, 0.051) 66%, transparent 66%), -webkit-linear-gradient(top, rgba(255, 255, 255, 0.25), rgba(0, 0, 0, 0.1)), -webkit-linear-gradient(left, #e53b51, #e53b51); /* Looks great, now animating it */ background-size: 25px 14px, 100% 100%, 100% 100%; -webkit-animation: move 5s linear 0 infinite; } @-webkit-keyframes move { 0% {background-position: 0px 0px, 0 0, 0 0} 100% {background-position: 100px 0px, 0 0, 0 0} } progress::-moz-progress-bar { -moz-border-radius: 2px; box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, 0.4); background: -moz-linear-gradient(-45deg, transparent, transparent 33%, rgba(0, 0, 0, 0.051) 33%, rgba(0, 0, 0, 0.051) 66%, transparent 66%), -moz-linear-gradient(top, rgba(255, 255, 255, 0.25), rgba(0, 0, 0, 0.1)), -moz-linear-gradient(left, #e53b51, #e53b51); /* Looks great, now animating it */ background-size: 25px 14px, 100% 100%, 100% 100%; } .progress-percent, .progress-money{ padding: 0px 5px; color: #fff; position: relative; } .progress-percent .arrow, .progress-money .arrow { height: 5px; width: 5px; position: absolute; bottom: -3px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); } .progress-percent .arrow { left: 12px; } .progress-money .arrow{ right: 12px; } .square-info-margins .meta p{ margin: 12px 0; } .square-info-margins .meta p i{ margin-right: 12px; } .square-info .buttons { background: #f18d06; color: #fff; margin-top: 22px; padding: 10px 24px; text-decoration: none; text-transform: uppercase; } .square-info .buttons i{ margin-left: 12px } .square-info .buttons:hover { background: #f6c004; color: #fff; cursor: pointer; -webkit-animation-name: fadeIn; -moz-animation-name: fadeIn; -o-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-duration:1s; -moz-animation-duration:1s; -ms-animation-duration:1s; -o-animation-duration:1s; animation-duration:1s; } .entry-content figure{ margin-bottom: 21px; } .event-map{ display: none; margin-top: 24px; } .book-your-place { display: none; margin-top: 24px; } .book-your-place h3, .event-map h3 { color: #fff; } /*.event-map iframe{ width: 100%; height: 250px; }*/ #map-canvas { width: 100%; min-height: 400px; height: 100%; display: block; } #reservation-form input, #reservation-form textarea{ border: none; background: #fff; padding: 5px 10px; } .paymend_detailes{ display: none; margin-bottom: 24px; } .donate-amoung{ margin-bottom: 12px; } .donate_now_bt { color: #fff; border: none; padding: 5px 12px; cursor: pointer; } /* ---------------------------------------------------------- Toggle Donations = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */ .toggle-content-donation { clear: both; display: block; margin: 0 0 1px 0; color: #fff; } .toggle-content-donation:hover { background: #3b3b3b; } .toggle-content-donation + .toggle-content-donation { margin: 0 0 1px 0; } .toggle-content-donation .expand-button { background: url('images/toggle-open.png') left top no-repeat; cursor: pointer; font-weight: 700; overflow: hidden; } .toggle-content-donation .expand-button.close { background: url('images/toggle-close.png') left top no-repeat; } .toggle-content-donation .expand-button p { line-height: 40px; margin: 0; padding-left: 40px; } .toggle-content-donation .expand { margin: 0; background: #fff; line-height: 160%; color: #3b3b3d; padding: 20px 20px 20px; } .toggle-content-donation .expand { display: none; } .no-js .toggle-content-donation .expand { display: block; } /* ---------------------------------------------------------- Event = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */ .event-info { padding: 24px; margin-bottom: 48px; } .event-info .day { font-size: 50px; color: #fff; margin-right: 12px; line-height: 1; } .event-info .month-time{ color: #fff; font-size: 16px; line-height: 22px; margin-right: 48px; text-decoration: none; } .month-time .month { line-height: 27px; } .event-address{ font-size: 16px; color: #fff; cursor: pointer; text-decoration: none; display: inline-block; width: 35%; } .event-address a:hover{ text-decoration: underline; } .event-location{ color: #fff; font-size: 40px; line-height: 48px; margin-right: 12px; } .event-info .buttons.facebook i{ color: #3a589b; } .event-info .buttons.facebook{ background: #fff; color: #3b3b3d; text-transform: none; padding: 10px 12px; text-decoration: none; } .event-info .buttons.facebook:hover { background: #3a589b; color: #fff; -webkit-animation-name: fadeIn; -moz-animation-name: fadeIn; -o-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-duration:1s; -moz-animation-duration:1s; -ms-animation-duration:1s; -o-animation-duration:1s; animation-duration:1s; } .event-info .buttons.facebook:hover i{ background: none; color: #fff; } /* ==|== Book your place = = = = = = = = = = = = = = = = = = = = = */ .event-info .buttons.bookplace i{ color: #3b3b3d; } .event-info .buttons.bookplace{ background: #fff; color: #3b3b3d; text-transform: none; padding: 10px 12px; text-decoration: none; margin-left: 24px; cursor: pointer; } .event-info .buttons.bookplace:hover { background: #3b3b3d; color: #fff; -webkit-animation-name: fadeIn; -moz-animation-name: fadeIn; -o-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-duration:1s; -moz-animation-duration:1s; -ms-animation-duration:1s; -o-animation-duration:1s; animation-duration:1s; } .event-info .buttons.bookplace:hover i{ background: none; color: #fff; } /* ==|== book your place button = = = = = = = = = = = = = = = = = = = = = */ .buttons.send{ background: #fff; color: #3b3b3d; text-transform: none; padding: 10px 12px; text-decoration: none; cursor: pointer; } .buttons.send:hover { background: #3b3b3d !important; color: #fff; -webkit-animation-name: fadeIn; -moz-animation-name: fadeIn; -o-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-duration:1s; -moz-animation-duration:1s; -ms-animation-duration:1s; -o-animation-duration:1s; animation-duration:1s; } /* ---------------------------------------------------------- Press = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */ .entry-meta-press{ padding: 12px; display: block; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; margin-bottom: 48px; } .entry-meta-press time{ margin-right: 12px; } .entry-meta-press time i{ color: #20a7ff; } .entry-meta-press .tag-i i { color: #c0392b; } .entry-meta-press .author-i i{ color: #f18d06; } .entry-meta-press .category-i, .entry-meta-press .tag-i { margin-right: 12px; } .entry-meta-press .category-i a, .entry-meta-press .tag-i a, .entry-meta-press .author-i a{ text-decoration: none; color: #3b3b3d; } .entry-meta-press .category-i a:hover, .entry-meta-press .tag-i a:hover, .entry-meta-press .author-i a:hover{ text-decoration: underline; } .twitter-tweet.twitter-tweet-rendered { width: 100%; } .share-buttons { list-style-type:none; float:left; padding: 0px 5px; margin:0 10px 0px 0; font-size: 13px; cursor: pointer; color: #fff; } .share-buttons > li > i{ margin: 0 3px; font-size: 10px; } .share-buttons li { position:relative; display:inline-block; padding:0px 0 0px 0; margin-left:0px; } .share-buttons .share-desc:hover .share-items{ visibility:visible; opacity: 1; filter:alpha(opacity=100); -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } .share-buttons .share-items { visibility:hidden; opacity:0; filter:alpha(opacity=0); transition: visibility 10s linear 0.5s,opacity 0.5s linear; -webkit-transition: visibility 0s linear 0.5s,opacity 0.5s linear; -moz-transition: visibility 0s linear 0.5s,opacity 0.5s linear; -ms-transition: visibility 0s linear 0.5s,opacity 0.5s linear; -o-transition: visibility 0s linear 0.5s,opacity 0.5s linear; position:absolute; top:20px !important; left:-5px; z-index:5000; list-style:none; margin:0; padding:0 0 5px 0 !important; width: auto; min-width:150px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -khtml-border-radius: 2px; border-radius: 2px; -moz-box-shadow: 0 0px 8px rgba(0,0,0,0.2); -webkit-box-shadow: 0 0px 8px rgba(0,0,0,0.2); box-shadow:0 0px 8px rgba(0,0,0,0.2); background:#fff; } .share-buttons .share-items li { width:100%; float:left; border-bottom: 1px solid #ccc; margin: 0 !important; line-height:100%; padding: 10px 0px !important; } .share-buttons .share-items li i{ margin: 0 10px 0 10px; } .share-buttons .share-items li:hover { border-top:none !important; background: #f9f9f9; } .share-buttons .share-items li a, .share-items li a:hover{ text-decoration: none; color: #3d3d3b; } .share-buttons .share-icon-fb i{ color: #3a589b; } .share-buttons .share-icon-tw i{ color: #19bfe8; } .share-buttons .share-icon-pt i{ color: #cb2027; } /* ---------------------------------------------------------- Contact Form = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */ #contact-form input, #contact-form textarea, #commentform input, #commentform textarea { border: 1px solid #3b3b3d; background: #fff; padding: 5px 10px; } #wpcf7-f81-p11-o1 input, #wpcf7-f81-p11-o1 textarea, #commentform input, #commentform textarea { border: 1px solid #1B6512; background: #fff; padding: 5px 10px; } #commentform input { display: block; } #commentform label { font-weight: bold; } #commentform .required{ color: red; } #submit { cursor: pointer; display: block; font-size: 12px !important; text-decoration: none; color: #000; padding: 7px 10px !important; text-transform: uppercase; } #wpcf7-f81-p11-o1 input[type='submit'] { background:#b6f0c3; } #wpcf7-f81-p11-o1 input[type='submit']:hover { background:#60d97d; cursor:pointer; } #submit:hover { background: #3b3b3d; color: #fff; border: 1px solid #3b3b3d; } #contact-form textarea { width: 60%; } #wpcf7-f81-p11-o1 textarea { width: 60%; } .statusMessage { color: #666; } .statusMessage { background: #fff; -webkit-box-shadow: 0 2px 5px rgba(0,0,0, 0.5); box-shadow: 0 2px 5px rgba(0,0,0, 0.5); -moz-box-shadow: 0 2px 5px rgba(0,0,0, 0.5); } .statusMessage { display: none; margin: auto; width: 30em; height: 2em; padding: 1.5em; position: fixed; top: 0; bottom: 0; left: 0; right: 0; } .statusMessage p { text-align: center; margin: 0; padding: 0; } /* ---------------------------------------------------------- Staff = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */ .grid_4 .WPlookStaff .grid_4 { width: 100%; margin-bottom: 24px; } .grid_8 .WPlookStaff .grid_4 { float: left; width: 46%; margin: 12px 2%; } .grid_12 .WPlookStaff .grid_4 { float: left; width: 30.787037%; margin: 12px 1.27314815%; } .candidate { -moz-box-shadow: 0 0 2px #747373; -webkit-box-shadow: 0 0 2px#747373; box-shadow: 0 0 2px #747373; margin-bottom: 48px; float: left; } .home .candidate { margin-bottom: 0px !important } .candidate-margins { margin: 24px; } .candidate img{ width: 100%; height: auto; } .candidate .name{ font-size: 24px; font-family: 'Open Sans Condensed', sans-serif;; text-align: center; margin-top: 12px; } .candidate .position { font-family: 'Open Sans Condensed', sans-serif;; font-size: 18px; color: #3b3b3d; text-align: center; } .candidate:hover { -moz-box-shadow: inset 0 0 12px #c2c0c0; -webkit-box-shadow: inset 0 0 12px #c2c0c0; box-shadow: inner 0 0 12px #c2c0c0; -webkit-animation-name: bounce; -moz-animation-name: bounce; -o-animation-name: bounce; animation-name: bounce; -webkit-animation-duration:1s; -moz-animation-duration:1s; -ms-animation-duration:1s; -o-animation-duration:1s; animation-duration:1s; } .candidate a { text-decoration: none; } .candidate-about{ margin-left: 12px; width: 59%; } .social-icons { text-align: center; margin-top: 24px; font-size: 16px } .social-icons a{ padding: 3px 3px; } .social-icons a:hover{ -webkit-animation-name: fadeIn; -moz-animation-name: fadeIn; -o-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-duration:1s; -moz-animation-duration:1s; -ms-animation-duration:1s; -o-animation-duration:1s; animation-duration:1s; } .social-icons .i-icon-facebook { color: #3a589b; } .social-icons .i-icon-twitter { color: #19bfe8; } .social-icons .i-icon-github { color: #000; } .social-icons .i-icon-linkedin { color: #007bb6; } /* ---------------------------------------------------------- Publications = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */ .download_file { padding: 10px 12px 0 12px; } .download_file_single { padding: 0 12px; } .entry-meta .download_file a:before, .entry-meta-pub .download_file_single a:before { content: ""; display: inline-block; height: 16px; width: 16px; margin-right: 5px; } /* ==|== PDF = = = = = = = = = = = = = = = = = = = = = */ .entry-meta .download_file a[href$=".pdf"], .entry-meta-pub .download_file_single a[href$=".pdf"]{ background: url('images/pdf.png') left bottom no-repeat; text-decoration: none; } /* ==|== DOC = = = = = = = = = = = = = = = = = = = = = */ .entry-meta .download_file a[href$=".docx"], .entry-meta-pub .download_file_single a[href$=".docx"]{ background: url('images/docx.png') left bottom no-repeat; text-decoration: none; } .entry-meta .download_file a[href$=".doc"], .entry-meta-pub .download_file_single a[href$=".doc"]{ background: url('images/doc.html') left bottom no-repeat; text-decoration: none; } .entry-meta .download_file a[href$=".odt"], .entry-meta-pub .download_file_single a[href$=".odt"]{ background: url('images/doc.html') left bottom no-repeat; text-decoration: none; } /* ==|== Excel = = = = = = = = = = = = = = = = = = = = = */ .entry-meta .download_file a[href$=".xls"], .entry-meta-pub .download_file_single a[href$=".xls"]{ background: url('images/xls.png') left bottom no-repeat; text-decoration: none; } .entry-meta .download_file a[href$=".xlsx"], .entry-meta-pub .download_file_single a[href$=".xlsx"]{ background: url('images/xls.png') left bottom no-repeat; text-decoration: none; } /* ==|== Zip = = = = = = = = = = = = = = = = = = = = = */ .entry-meta .download_file a[href$=".zip"], .entry-meta-pub .download_file_single a[href$=".zip"]{ background: url('images/zip.png') left bottom no-repeat; text-decoration: none; } .entry-meta .download_file a[href$=".rar"], .entry-meta-pub .download_file_single a[href$=".rar"]{ background: url('images/zip.png') left bottom no-repeat; text-decoration: none; } .entry-meta .download_file a[href$=".7z"], .entry-meta-pub .download_file_single a[href$=".7z"]{ background: url('images/zip.png') left bottom no-repeat; text-decoration: none; } /* ==|== Power Point = = = = = = = = = = = = = = = = = = = = = */ .entry-meta .download_file a[href$=".ppt"], .entry-meta-pub .download_file_single a[href$=".ppt"]{ background: url('images/ppt.png') left bottom no-repeat; text-decoration: none; } .entry-meta .download_file a[href$=".pptx"], .entry-meta-pub .download_file_single a[href$=".pptx"]{ background: url('images/ppt.png') left bottom no-repeat; text-decoration: none; } .entry-meta .download_file a[href$=".pps"], .entry-meta-pub .download_file_single a[href$=".pps"]{ background: url('images/ppt.png') left bottom no-repeat; text-decoration: none; } .entry-meta .download_file a[href$=".ppsx"], .entry-meta-pub .download_file_single a[href$=".ppsx"]{ background: url('images/ppt.png') left bottom no-repeat; text-decoration: none; } /* ==|== Images = = = = = = = = = = = = = = = = = = = = = */ .entry-meta .download_file a[href$=".jpg"], .entry-meta-pub .download_file_single a[href$=".jpg"]{ background: url('images/jpg.png') left bottom no-repeat; text-decoration: none; } .entry-meta .download_file a[href$=".jpeg"], .entry-meta-pub .download_file_single a[href$=".jpeg"]{ background: url('images/jpeg.png') left bottom no-repeat; text-decoration: none; } .entry-meta .download_file a[href$=".png"], .entry-meta-pub .download_file_single a[href$=".png"]{ background: url('images/png.png') left bottom no-repeat; text-decoration: none; } .entry-meta .download_file a[href$=".gif"], .entry-meta-pub .download_file_single a[href$=".gif"]{ background: url('images/png.png') left bottom no-repeat; text-decoration: none; } /* ==|== Music = = = = = = = = = = = = = = = = = = = = = */ .entry-meta .download_file a[href$=".mp3"], .entry-meta-pub .download_file_single a[href$=".mp3"]{ background: url('images/mp3.png') left bottom no-repeat; text-decoration: none; } .entry-meta .download_file a[href$=".m4a"], .entry-meta-pub .download_file_single a[href$=".m4a"]{ background: url('images/mp3.png') left bottom no-repeat; text-decoration: none; } .entry-meta .download_file a[href$=".ogg"], .entry-meta-pub .download_file_single a[href$=".ogg"]{ background: url('images/mp3.png') left bottom no-repeat; text-decoration: none; } .entry-meta .download_file a[href$=".wav"], .entry-meta-pub .download_file_single a[href$=".wav"]{ background: url('images/mp3.png') left bottom no-repeat; text-decoration: none; } .entry-meta .download_file a:hover{ text-decoration: underline; } .pub figure:hover .mask-square { top: 60px; } .single-publication figure{ margin-right: 40px; max-width: 400px; } .buttons-download { color: #fff !important; padding: 10px 24px; text-decoration: none; text-transform: uppercase; } .buttons-download:hover { background: #3b3b3d; color: #fff; -webkit-animation-name: fadeIn; -moz-animation-name: fadeIn; -o-animation-name: fadeIn; animation-name: fadeIn; animation-delay: 0s; /* W3C and Opera */ -moz-animation-delay: 0s; /* Firefox */ -webkit-animation-delay: 0s; /* Safari and Chrome */ -webkit-animation-fill-mode:both; -moz-animation-fill-mode:both; -ms-animation-fill-mode:both; -o-animation-fill-mode:both; animation-fill-mode:both; -webkit-animation-duration:1s; -moz-animation-duration:1s; -ms-animation-duration:1s; -o-animation-duration:1s; animation-duration:1s; } .entry-meta-pub{ padding: 0px; display: block; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; margin-bottom: 48px; } .entry-meta-pub time, .entry-meta-pub .download_file_single, .entry-meta-pub .share-buttons { margin: 10px 12px 0 0; } .entry-meta-pub time i{ color: #20a7ff; } /* ==|== Twitter = = = = = = = = = = = = = = = = = = = = = */ .social-icons .i-icon-twitter-sign { color: #19bfe8; } .social-icons .i-icon-twitter-sign:hover{ color: #fff; background: #19bfe8; } /* ==|== Pinterest = = = = = = = = = = = = = = = = = = = = = */ .social-icons .i-icon-pinterest-sign { color: #e53b51; } .social-icons .i-icon-pinterest-sign:hover{ color: #fff; background: #e53b51; } /* ==|== YouTube = = = = = = = = = = = = = = = = = = = = = */ .social-icons .i-icon-youtube-play { color: #e53b51; } .social-icons .i-icon-youtube-play:hover{ color: #fff; background: #e53b51; } /* ==|== Linkedin = = = = = = = = = = = = = = = = = = = = = */ .social-icons .i-icon-linkedin-sign { color: #3a589b; } .social-icons .i-icon-linkedin-sign:hover{ color: #fff; background: #3a589b; } /* ==|== Google+ = = = = = = = = = = = = = = = = = = = = = */ .social-icons .i-icon-google-plus-sign { color: #f12842; } .social-icons .i-icon-google-plus-sign:hover{ color: #fff; background: #f12842; } /* ==|== Git Hub = = = = = = = = = = = = = = = = = = = = = */ .social-icons .i-icon-github-sign { color: #754c24; } .social-icons .i-icon-github-sign:hover{ color: #fff; background: #754c24; } /* ==|== Flickr = = = = = = = = = = = = = = = = = = = = = */ .social-icons .i-icon-flickr { color: #d73990; } .social-icons .i-icon-flickr:hover{ color: #fff; background: #d73990; } .candidate-detailes{ list-style: none; margin: 0 0 24px 0; padding: 0; } .candidate-detailes li { border-bottom: 1px solid #ddd; padding: 10px 5px; } .candidate-detailes li i{ margin-right: 12px; } /* ---------------------------------------------------------- Attachments = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */ /* ---------------------------------------------------------- Images = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */ a img { border: none; } p img { margin-bottom: 0.5em; /* a small bottom margin prevents content floating under images */ } a img { display: block } /* ---------------------------------------------------------- Resize images to fit the main content area. - Applies only to images uploaded via WordPress by targeting size-* classes. - Other images will be left alone. Use "size-auto" class to apply to other images. = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */ img.size-auto, img.size-full, img.size-large, img.size-medium, .attachment img, .widget-area img { max-width: 100%; /* When images are too wide for containing element, force them to fit. */ height: auto; /* Override height to match resized width for correct aspect ratio. */ } img.alignleft { margin-right: 1.5em; } img.alignright { margin-left: 1.5em; } .wp-caption { padding: .5em; text-align: center; width: 100%; } .wp-caption img { margin: .25em; } .alignnone { width: 98% !important; height: auto !important; } .wp-caption .wp-caption-text { margin: .5em; } .wp-smiley { margin: 0; } .gallery { padding: 0 12px; } .gallery .gallery-item { float: left; margin-top: 0; text-align: center; width: 33%; } .gallery-columns-2 .gallery-item { width: 50%; } .gallery-columns-4 .gallery-item { width: 25%; } .gallery img { border: 1px solid #e0dddd !important; padding: 1px; } .gallery-columns-2 .attachment-medium { max-width: 92%; height: auto; } .gallery-columns-3 .attachment-thumbnail { max-width: 72%; height: auto; } .gallery-columns-4 .attachment-thumbnail { max-width: 98%; height: auto; } .gallery .gallery-caption { color: #3b3b3d; font-size: 12px; margin: 12px 0 12px; text-align: left; } .gallery dl { margin: 0; } .gallery img { border: 0px solid #f1f1f1; } .gallery br + br { display: none; } /* ---------------------------------------------------------- Navigation = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */ #primary nav { clear: both; overflow: hidden; margin: 0 0 1.5em; } .nav-previous { float: left; width: 50%; } .nav-next { float: right; text-align: right; width: 50%; } /* ---------------------------------------------------------- Pagination = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */ .pagination { list-style: none; margin: 0; padding: 0; } .pagination li { margin: 0; float: left; margin-right: 10px; } .pagination li a{ padding: 3px 6px; background: #fff; text-decoration: none; border: 1px solid #a2a2ad; color: #a2a2ad; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } .pagination li .active { background: #e53b51; color: #fff; border: 1px solid #e53b51; } .pagination li a:hover{ background: #e53b51; color: #fff; border: 1px solid #e53b51; } /* ---------------------------------------------------------- Widgets = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */ aside.widget { margin-bottom: 20px; } aside.WPlookStaff { margin-bottom: 0; } aside ul { list-style: none; margin: 0px; } /* ---------------------------------------------------------- Social Widget = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */ .social-widget-margin { padding: 0px 0px; } .social-widget-margin a, .social-widget-margin a:visited { float: left; width: 30px; height: 28px; margin: 0 14px 20px 0px; text-align: center; text-decoration: none; line-height: 28px; color: #fff; padding-top: 2px; } .social-widget-margin a:hover { color: #fff; -webkit-animation-name: fadeIn; -moz-animation-name: fadeIn; -o-animation-name: fadeIn; animation-name: fadeIn; animation-delay: 0s; /* W3C and Opera */ -moz-animation-delay: 0s; /* Firefox */ -webkit-animation-delay: 0s; /* Safari and Chrome */ -webkit-animation-fill-mode:both; -moz-animation-fill-mode:both; -ms-animation-fill-mode:both; -o-animation-fill-mode:both; animation-fill-mode:both; -webkit-animation-duration:0.5s; -moz-animation-duration:0.5s; -ms-animation-duration:0.5s; -o-animation-duration:0.5s; animation-duration:0.5s; } .social-widget-margin .social-item-twitter a:hover { background: #00aced; } .social-widget-margin .social-item-facebook a:hover { background: #3b5998; } .social-widget-margin .social-item-rss a:hover { background: #ff9900; } .social-widget-margin .social-item-gplus a:hover { background: #d34836; } .social-widget-margin .social-item-youtube a:hover { background: #bb0000; } .social-widget-margin .social-item-linkedin a:hover { background: #007bb6; } .social-widget-margin .social-item-github a:hover { background: #ac5e54; } .social-widget-margin .social-item-pinterest a:hover { background: #cb2027; } .social-widget-margin .social-item-vimeo a:hover { background: #45bbff; } .social-widget-margin .social-item-lastfm a:hover { background: #D51007; } .social-widget-margin .social-item-soundcloud a:hover { background: #ff5800; } .social-widget-margin .social-item-flickr a:hover { background: #ff0084; } /* ---------------------------------------------------------- Flickr Widget = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */ .flickr-widget-body{ width: 100%; } .flickr-widget-body a { width: 31%; display: inline-block; border: 1px solid #fff; } .flickr-widget-body a:hover { -webkit-animation-name: fadeIn; -moz-animation-name: fadeIn; -o-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-duration:0.5s; -moz-animation-duration:0.5s; -ms-animation-duration:0.5s; -o-animation-duration:0.5s; animation-duration:0.5s; } .flickr-widget-body img { width: 100%; height: auto; float: left; } /* ---------------------------------------------------------- List = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */ .widget ul li { background: transparent url('images/border-x.png') left bottom repeat-x; padding: 7px; margin: 0px; } .widget ul li a { color: #343434; text-decoration: none; } .widget ul li:before{ content:"\27E9"; padding-right: 6px; } .widget ul li:hover { color: #fff; -webkit-animation-name: fadeIn; -moz-animation-name: fadeIn; -o-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-duration:0.5s; -moz-animation-duration:0.5s; -ms-animation-duration:0.5s; -o-animation-duration:0.5s; animation-duration:0.5s; } .widget ul li:hover a { color: #fff; } .widget ul li ul { margin: 0 0 0 0; padding: 0 0 0 20px; } .widget ul li ul li{ margin: 0 0 0 0; padding: 10px 0 0 0; background: none; } /* ---------------------------------------------------------- Home page widgets = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */ .first-home-widget-area, .second-home-widget-area, .third-home-widget-area, .forth-home-widget-area{ margin-bottom: 14px; padding-bottom: 20px; } #secondary .grid_16 { margin: 0; padding: 0; } .widget-title{ margin-bottom: 10px; } .widget-title h3 { background: #fff; display: inline-block; padding-right: 12px; color: #3b3b3d; } .widget-title .viewall { background: #fff; padding-left: 12px; font-size: 12px; } .widget-title .viewall a { color: #a2a2ad; border: 1px solid #a2a2ad; text-decoration: none; padding: 0px 5px; margin: 10px 0 0 0; display: inline-block; } .widget-title .viewall a:hover { color: #fff; -webkit-animation-name: fadeIn; -moz-animation-name: fadeIn; -o-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-duration:0.5s; -moz-animation-duration:0.5s; -ms-animation-duration:0.5s; -o-animation-duration:0.5s; animation-duration:0.5s; } .widget h3 a { text-decoration: none; line-height: normal; font-size: 16px; font-weight: 900; } /* ==|== Latest causes = = = = = = = = = = = = = = = = = = = = = */ .widget-causes-body .cause-item { float: left; width: 23%; /*margin: 0 1% 0px 1%;*/ padding-bottom:15px; border-bottom:solid 2px #50762f; margin-left:0; margin-right:8px; } .widget-causes-body .cause-item figure { margin-bottom: 12px; } .widget-causes-body .cause-item p { margin-bottom: 0px; } .grid_12 .widget-causes-body .cause-item { float: left; width: 30.787037%; margin: 12px 1.27314815%; } /* Grid 8 */ .grid_8 .widget-causes-body .cause-item { float: left; width: 46%; margin: 0 2%; } /* Grid 4 */ .grid_4 .widget-causes-body .cause-item{ width: 100%; padding-bottom: 24px; margin-bottom: 24px; border-bottom: 1px solid #ddd; } .grid_4 .widget-causes-body .cause-item:last-child { border-bottom: none; } /* ==|== Latest events = = = = = = = = = = = = = = = = = = = = = */ .widget-event-body .event-item figure { margin-bottom: 12px; } .widget-event-body .event-item { float: left; width: 23%; margin: 0 1% 24px 1%; } .grid_12 .widget-event-body .event-item { float: left; width: 29.5%; margin: 12px 2%; } /* Grid 8 */ .grid_8 .widget-event-body .event-item { float: left; width: 46%; margin: 0 2%; } /* Grid 4 */ .grid_4 .widget-event-body .event-item { width: 100%; padding-bottom: 24px; margin-bottom: 24px; border-bottom: 1px solid #ddd; } .grid_4 .widget-event-body .event-item:last-child { border-bottom: none; margin-bottom: 0px; padding-bottom: 0; } .entry-meta-widget i { padding: 2px 5px; width: 20px; height: 20px; display: inline-block; text-align: center; color: #3b3b3d; } .entry-meta-widget a { text-decoration: none; color: #3b3b3d; } .entry-meta-widget div { margin-top: 5px; } .entry-meta-widget div a{ color: #3b3b3d; } .entry-meta-widget .date i { color: #20a7ff; } .entry-meta-widget .location i{ color: #f18d06; } .entry-meta-widget .facebook i{ color: #3a589b; } .more-events a { text-align: right; text-transform: uppercase; display: block; text-decoration: none; color: #3b3b3d; font-size: 12px; } .more-events a:hover{ color: #e53b51; } /* ---------------------------------------------------------- TagCloud = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */ .tagcloud a { padding: 8px 10px; display: inline-block; margin: 4px 2px; text-decoration: none; color: #fff !important; } .tagcloud a:hover { background: #3b3b3d; -webkit-animation-name: fadeIn; -moz-animation-name: fadeIn; -o-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-duration:0.5s; -moz-animation-duration:0.5s; -ms-animation-duration:0.5s; -o-animation-duration:0.5s; animation-duration:0.5s; } /* ==|== Widget announce = = = = = = = = = = = = = = = = = = = = = */ .announce-body h1 {margin-bottom: 10px; font-weight: bold; color: #fff;} .announce-body h3 { color: #fff;} .announce-body { font-family: 'Open Sans Condensed', sans-serif;; padding: 48px 0; text-align: center; } /* ==|== Widget Adrress = = = = = = = = = = = = = = = = = = = = = */ .site-footer .widget_adress { color: #fff; font-size: 15px; } .widget_adress a{ color: #fff; text-decoration: none; font-weight: bold; font-size: 18px; } #colophon .widget_adress h3.org, .widget_adress h3.org { margin-bottom: 20px; } /*----------------------------------------------------------- Search -----------------------------------------------------------*/ #searchform #searchsubmit { color: #fff; padding: 4px 5px; cursor: pointer; border: 0; } #searchform #searchsubmit:hover { color: #fff; background: #3b3b3d; } /*----------------------------------------------------------- Calendar -----------------------------------------------------------*/ #calendar_wrap { margin: 0; color: #343434; background: #fff; } #wp-calendar, #wp-calendar th, #wp-calendar td { text-align: center; background: none; border: none; } #wp-calendar { background: none; empty-cells: hide; width: 100%; font-size: 12px; } #wp-calendar th { font-style: normal; font-weight: bold; text-transform: capitalize; border-bottom: 1px solid #ddd; } #wp-calendar td { text-align: center; background: #fff; padding: 5px; border-bottom: 1px solid #ddd; } #wp-calendar td:hover { background-color: #fff; } #wp-calendar a { text-decoration: none; display: block; padding: 5px; } #wp-calendar a:hover { background: #f9f9f9; } #wp-calendar caption { font-weight: bold; text-align: center; } #wp-calendar #today { background-color: #f3f3f3; } #wp-calendar caption { text-align: center; width: 100%; } #wp-calendar .pad { background-color: #fff; } #wp-calendar #next a { padding-right: 10px; text-align: right; background: #f0f3f5; } #wp-calendar #prev a { padding-left: 10px; text-align: left; background: #f0f3f5; } #wp-calendar #prev a:hover, #wp-calendar #next a:hover { } #wp-calendar .pad, #wp-calendar .pad:hover { } /* ---------------------------------------------------------- Gallery Slider = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */ .flexslider-gallery .loading { background: transparent url("../../../../images/ajax-loader.html") no-repeat 50% 50%; min-height: 300px; } .flexslider-gallery { margin: 0 0 0px 0; padding: 0; position: relative; } .flexslider-gallery .slides > li { display: none; -webkit-backface-visibility: hidden; position: relative; } /* Hide the slides before the JS is loaded. Avoids image jumping */ .flexslider-gallery .slides img { width: 100%; height: auto; display: block; } /* ==|== Direction Nav = = = = = = = = = = = = = = = = = = = = = */ .flexslider-gallery .flex-direction-nav { *height: 0; padding: 0; text-align: center; width: 100%; display: block; position: absolute; bottom: 50%; } .flexslider-gallery .flex-direction-nav li { max-width: 100%; background: red; margin: 0 auto; display: block; } .flexslider-gallery .flex-direction-nav .flex-next { background-position: 100% 0; right: 0px; } .flexslider-gallery .flex-direction-nav .flex-prev { left: 0px; } .flexslider-gallery:hover .flex-next { opacity: 0.8; right: 0px; } .flexslider-gallery:hover .flex-prev { opacity: 0.8; left: 0px; } .flexslider-gallery:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; } .flex-direction-nav .flex-disabled { opacity: 0.3!important; filter:alpha(opacity=30); cursor: default; } /* ---------------------------------------------------------- Thumbnais = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */ #flexslider-gallery-carousel { height: 87px; margin-bottom: 40px; position: relative; } #flexslider-gallery-carousel li img { width: 100%; height: auto; max-width: 140px; float: left; } #flexslider-gallery-carousel li { padding: 5px; } #flexslider-gallery-carousel .flex-direction-nav {*height: 0; text-align: center; width: 100%; display: block; position: absolute; bottom: 68px;} #flexslider-gallery-carousel .flex-direction-nav a {width: 50px; height: 50px; margin: 0px 0px; display: block; background: url('images/bg_direction_nav.png') no-repeat 0 0; position: absolute; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 1; -webkit-transition: all .3s ease;} .grid_11 #flexslider-gallery-carousel .flex-direction-nav li { position: relative; max-width: 100%; margin: 0 0px 0 0; padding: 0; } #flexslider-gallery-carousel .flex-direction-nav li { position: relative; max-width: 100%; margin: 0; padding: 0; } #flexslider-gallery-carousel .flex-direction-nav .flex-next {background-position: 100% 0; right: 0px; } #flexslider-gallery-carousel .flex-direction-nav .flex-prev {left: 0px;} #flexslider-gallery-carousel .flexslider:hover .flex-next {opacity: 0.8; right: 0px;} #flexslider-gallery-carousel .flexslider:hover .flex-prev {opacity: 0.8; left: 0px;} #flexslider-gallery-carousel .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;} #flexslider-gallery-carousel .flex-direction-nav .flex-disabled {opacity: 0!important; filter:alpha(opacity=30); cursor: default;} #flexslider-gallery-carousel .flex-active-slide img { display: block; } /* ---------------------------------------------------------- Widget Latest News Home page = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */ .latestnews-body .image{ width: 58%; } .latestnews-body .content{ width: 38%; } .flexslider-news { margin: 0; padding: 0; } .flexslider-news .slides > li h3 a {text-decoration: none;} .flexslider-news .slides > li { display: none; -webkit-backface-visibility: hidden; position: relative; } /* Hide the slides before the JS is loaded. Avoids image jumping */ .flexslider-news .slides img { width: 100%; height: auto; display: block; } .latestnews-body .flex-direction-nav { width: 70px; position: absolute; top: 6px; right: 0px; bottom: none; background: #fff; display: block; } .latestnews-body .flex-direction-nav li { width: 35px; display: inline-block; height: 18px; } .latestnews-body .flex-direction-nav a { width: 25px; height: 25px; margin: 0; display: block; background: transparent url(images/bg_direction_nav_small.png) no-repeat 0 0; position: absolute; top: 0%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 0.8; -webkit-transition: all .3s ease; } .latestnews-body .flex-direction-nav .flex-next { background-position: 100% 0; right: 0px; } .latestnews-body .flex-direction-nav .flex-prev { left: 12px; } .latestnews-body:hover .flex-next:hover, .latestnews-body:hover .flexslider:hover, .latestnews-body:hover .flex-prev:hover { opacity: 1; } .flex-direction-nav .flex-disabled { opacity: .3!important; filter:alpha(opacity=30); cursor: default; } .flexslider-news .category { font-size: 13px; margin: 12px 0; padding: 0; } .flexslider-news .flex-button-red i { font-size: 16px; margin-left: 8px; } .flexslider-news .flex-button-red a{ padding: 6px 12px; text-transform: uppercase; text-decoration: none; } .flexslider-news .flex-button-red a:hover { color: #fff; -webkit-animation-name: fadeIn; -moz-animation-name: fadeIn; -o-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-duration:0.5s; -moz-animation-duration:0.5s; -ms-animation-duration:0.5s; -o-animation-duration:0.5s; animation-duration:0.5s; } /* ---------------------------------------------------------- Comments = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */ .comment-title { margin-bottom: 24px; } .commentlist { margin: 0; padding: 0; } .commentlist li{ list-style: none; } .comment-gravatar { width: 74px; } .entry-header-comments .fn { display: inline; line-height: 22px; color: #000; } .entry-header-comments .fn a{ color: #000; text-decoration: none; } .entry-header-comments .fn a:hover{ text-decoration: underline; } .entry-header-comments .reply { color: #a2a2ad; font-size: 12px; } .entry-header-comments .reply a{ color: #a2a2ad; border: 1px solid #a2a2ad; text-decoration: none; padding: 3px 6px; margin: 10px 0 0 0; display: inline-block; } .entry-header-comments .reply a:hover{ color: #fff; -webkit-animation-name: fadeIn; -moz-animation-name: fadeIn; -o-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-duration:0.5s; -moz-animation-duration:0.5s; -ms-animation-duration:0.5s; -o-animation-duration:0.5s; animation-duration:0.5s; } .comment-date{ padding: 6px 0 0 0; } .comment-body { border-bottom: 1px solid #ddd; margin: 12px 0 24px 74px; padding: 0 0 24px 0; } /* ---------------------------------------------------------- Footer = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */ #colophon { /*background: url("../images/footer-transparent.png") repeat-x top;*/ padding-top: 22px; } #colophon .widget h3 { color: #fff; margin-bottom: 9px; } #colophon .widget ul li { background: transparent url('images/border-x-footer.png') left bottom repeat-x; padding: 6px; margin: 0px; color: #fff; } #colophon .widget ul li.current-menu-item { color:#F8C6C6; } #colophon .widget ul li.current-menu-item a { color:#F8C6C6; } #colophon .widget ul li a { color: #fff; text-decoration: none; } #colophon .widget ul li:hover { background: #fff; color: #3b3b3d; -webkit-animation-name: fadeIn; -moz-animation-name: fadeIn; -o-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-duration:0.5s; -moz-animation-duration:0.5s; -ms-animation-duration:0.5s; -o-animation-duration:0.5s; animation-duration:0.5s; } #colophon .widget ul li:hover a { color: #3d3d3d; } #colophon .widget ul li ul { margin: 0 0 0 0; padding: 0 0 0 20px; } #colophon .widget ul li ul li{ margin: 0 0 0 0; padding: 10px 0 0 0; background: none; } #colophon .textwidget{ color: #fff; } .latest-tweets-body { color: #fff; margin-bottom: 24px; } .latest-tweets-body a{ color: #ffeef0; text-decoration: none; } a.follow{ color: #fff; border: 1px solid #fff; padding: 6px 12px; text-decoration: none; } .site-info { font-size: 12px; } .copy{ color: #fff; margin: 10px 0 0 0; } .designby{color: #fff; margin: 10px 0; text-align: right; } .designby a{color: #fff;} /* ---------------------------------------------------------- Shortcode = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */ /* ---------------------------------------------------------- Button Styles = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */ a.buttonss, a.buttonss:visited { display: inline-block; color: #fff!important; text-decoration: none!important; text-align: center; font-family: Helvetica, Arial, Sans-serif; text-shadow: 0 1px 0 rgba(0,0,0,0.2); font-size: 14px; outline: none; font-weight: bold; line-height: 1em; padding: 7px 13px!important; cursor: pointer; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; box-shadow: 0 1px 2px rgba(0,0,0,0.25), inset 0 1px 0 rgba(255,255,255,0.4); -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.25), inset 0 1px 0 rgba(255,255,255,0.4); -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.25), inset 0 1px 0 rgba(255,255,255,0.4); -o-box-shadow: 0 1px 2px rgba(0,0,0,0.25), inset 0 1px 0 rgba(255,255,255,0.4); border: 1px solid #0d507a!important; margin: 0 1em 1.5em 0!important; vertical-align: middle; background: #0c6fb1; background: -webkit-gradient(linear, left top, left bottom, from(#14a7cf), to(#0c6fb1)); background: -webkit-linear-gradient(top, #14a7cf, #0c6fb1); background: -moz-linear-gradient(top, #14a7cf, #0c6fb1); background: -ms-linear-gradient(top, #14a7cf, #0c6fb1); background: -o-linear-gradient(top, #14a7cf, #0c6fb1); } a.buttonss.square { border-radius: 0px!important; -webkit-border-radius: 0px!important; -moz-border-radius: 0px!important; -o-border-radius: 0px!important; } a.buttonss.round { border-radius: 15px!important; -webkit-border-radius: 15px!important; -moz-border-radius: 15px!important; -o-border-radius: 15px!important; } a.buttonss.medium { padding: 11px 16px!important; font-size: 16px; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; } a.buttonss.large { padding: 15px 20px!important; font-size: 18px; border-radius: 20px; -webkit-border-radius: 25px; -moz-border-radius: 25px; -o-border-radius: 25px; } a.buttonss:hover { text-decoration: none; } a.buttonss:active { position: relative; top: 1px; box-shadow: inset 0 1px 0 rgba(255,255,255,0.9); -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.4); -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.4); -o-box-shadow: inset 0 1px 0 rgba(255,255,255,0.4); } a.buttonss.green { border-color: #2eb44b!important; background: #2eb44b; background: -webkit-gradient(linear, left top, left bottom, from(#2eb44b), to(#2eb44b)); background: -webkit-linear-gradient(top, #2eb44b, #2eb44b); background: -moz-linear-gradient(top, #2eb44b, #2eb44b); background: -ms-linear-gradient(top, #2eb44b, #2eb44b); background: -o-linear-gradient(top, #2eb44b, #2eb44b); } a.buttonss.green:hover { background: #8dd242; background: -webkit-gradient(linear, left top, left bottom, from(#2eb44b), to(#5bb75b)); background: -webkit-linear-gradient(top, #2eb44b, #5bb75b); background: -moz-linear-gradient(top, #2eb44b, #5bb75b); background: -ms-linear-gradient(top, #2eb44b, #5bb75b); background: -o-linear-gradient(top, #2eb44b, #5bb75b); } a.buttonss.light-blue { border-color: #2681a2!important; background: #2caada; background: -webkit-gradient(linear, left top, left bottom, from(#46cae8), to(#2caada)); background: -webkit-linear-gradient(top, #46cae8, #2caada); background: -moz-linear-gradient(top, #46cae8, #2caada); background: -ms-linear-gradient(top, #46cae8, #2caada); background: -o-linear-gradient(top, #46cae8, #2caada); } a.buttonss.light-blue:hover { background: #32bcef; background: -webkit-gradient(linear, left top, left bottom, from(#2caada), to(#46cae8)); background: -webkit-linear-gradient(top, #2caada, #46cae8); background: -moz-linear-gradient(top, #2caada, #46cae8); background: -ms-linear-gradient(top, #2caada, #46cae8); background: -o-linear-gradient(top, #2caada, #46cae8); } a.buttonss.blue { border-color: #0d507a!important; background: #0c6fb1; background: -webkit-gradient(linear, left top, left bottom, from(#14a7cf), to(#0c6fb1)); background: -webkit-linear-gradient(top, #14a7cf, #0c6fb1); background: -moz-linear-gradient(top, #14a7cf, #0c6fb1); background: -ms-linear-gradient(top, #14a7cf, #0c6fb1); background: -o-linear-gradient(top, #14a7cf, #0c6fb1); } a.buttonss.blue:hover { background: #1188d6; background: -webkit-gradient(linear, left top, left bottom, from(#0c6fb1), to(#14a7cf)); background: -webkit-linear-gradient(top, #0c6fb1, #14a7cf); background: -moz-linear-gradient(top, #0c6fb1, #14a7cf); background: -ms-linear-gradient(top, #0c6fb1, #14a7cf); background: -o-linear-gradient(top, #0c6fb1, #14a7cf); } a.buttonss.red { border-color: #e53b51!important; background: #e53b51; background: -webkit-gradient(linear, left top, left bottom, from(#e53b51), to(#e53b51)); background: -webkit-linear-gradient(top, #e53b51, #e53b51); background: -moz-linear-gradient(top, #e53b51, #e53b51); background: -ms-linear-gradient(top, #e53b51, #e53b51); background: -o-linear-gradient(top, #e53b51, #e53b51); } a.buttonss.red:hover { background: #ff5e56; background: -webkit-gradient(linear, left top, left bottom, from(#9E0D18), to(#e53b51)); background: -webkit-linear-gradient(top, #9E0D18, #e53b51); background: -moz-linear-gradient(top, #9E0D18, #e53b51); background: -ms-linear-gradient(top, #9E0D18, #e53b51); background: -o-linear-gradient(top, #9E0D18, #e53b51); } a.buttonss.orange { border-color: #f18d06!important; background: #f18d06; background: -webkit-gradient(linear, left top, left bottom, from(#f18d06), to(#f18d06)); background: -webkit-linear-gradient(top, #f18d06, #f18d06); background: -moz-linear-gradient(top, #f18d06, #f18d06); background: -ms-linear-gradient(top, #f18d06, #f18d06); background: -o-linear-gradient(top, #f18d06, #f18d06); } a.buttonss.orange:hover { background: #ffb031; background: -webkit-gradient(linear, left top, left bottom, from(#f18d06), to(#ffb031)); background: -webkit-linear-gradient(top, #f18d06, #ffb031); background: -moz-linear-gradient(top, #f18d06, #ffb031); background: -ms-linear-gradient(top, #f18d06, #ffb031); background: -o-linear-gradient(top, #f18d06, #ffb031); } a.buttonss.purple { border-color: #996192!important; background: #d17ac6; background: -webkit-gradient(linear, left top, left bottom, from(#e3acdc), to(#d17ac6)); background: -webkit-linear-gradient(top, #e3acdc, #d17ac6); background: -moz-linear-gradient(top, #e3acdc, #d17ac6); background: -ms-linear-gradient(top, #e3acdc, #d17ac6); background: -o-linear-gradient(top, #e3acdc, #d17ac6); } a.buttonss.purple:hover { background: #eb90e0; background: -webkit-gradient(linear, left top, left bottom, from(#d17ac6), to(#e3acdc)); background: -webkit-linear-gradient(top, #d17ac6, #e3acdc);background: -moz-linear-gradient(top, #d17ac6, #e3acdc); background: -ms-linear-gradient(top, #d17ac6, #e3acdc); background: -o-linear-gradient(top, #d17ac6, #e3acdc); } a.buttonss.grey { color: #555!important; text-shadow: 0 1px 0 rgba(255,255,255,0.2); border-color: #acacac!important; background: #f3f3f3; background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f3f3f3)); background: -webkit-linear-gradient(top, #ffffff, #f3f3f3); background: -moz-linear-gradient(top, #ffffff, #f3f3f3); background: -ms-linear-gradient(top, #ffffff, #f3f3f3); background: -o-linear-gradient(top, #ffffff, #f3f3f3); } a.buttonss.grey:hover { background: #ffffff; background: -webkit-gradient(linear, left top, left bottom, from(#e0dddd), to(#ffffff)); background: -webkit-linear-gradient(top, #e0dddd, #ffffff); background: -moz-linear-gradient(top, #e0dddd, #ffffff); background: -ms-linear-gradient(top, #e0dddd, #ffffff); background: -o-linear-gradient(top, #e0dddd, #ffffff); } a.buttonss.black { border-color: #323232!important; background: #444444; background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#444444)); background: -webkit-linear-gradient(top, #000, #444444); background: -moz-linear-gradient(top, #000, #444444); background: -ms-linear-gradient(top, #000, #444444); background: -o-linear-gradient(top, #000, #444444); } a.buttonss.black:hover { background: #000000; background: -webkit-gradient(linear, left top, left bottom, from(#444444), to(#000000)); background: -webkit-linear-gradient(top, #444444, #000000); background: -moz-linear-gradient(top, #444444, #000000); background: -ms-linear-gradient(top, #444444, #000000); background: -o-linear-gradient(top, #444444, #000000); } /* ---------------------------------------------------------- Awesome icons Shortcodes = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */ i span { margin-left: 6px;} /* ---------------------------------------------------------- Alert = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */ .alert { padding: 0.8em; margin: 0 0 1.5em 0; line-height: 1.6em; border-radius: 4px!important; -webkit-border-radius: 4px!important; -moz-border-radius: 4px!important; -o-border-radius: 4px!important; box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0 1px 0 rgba(255,255,255,0.6); -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0 1px 0 rgba(255,255,255,0.6); -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0 1px 0 rgba(255,255,255,0.6); -o-box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0 1px 0 rgba(255,255,255,0.6); } .alert.white { background: #fff; border: 1px solid #dfdfdf; color: #373737; } .alert.red { background: #e53b51; border: 1px solid #e53b51; color: #fff; } .alert.yellow { background: #f18d06; border: 1px solid #f18d06; color: #fff; } .alert.green { background: #2eb44b; border: 1px solid #2eb44b; color: #fff; } .alert.blue { background: #20a7ff; border: 1px solid #20a7ff; color: #fff; } .alert.grey { background: #fbfbfb; border: 1px solid #dfdfdf; color: #373737; } .victasgooglemap { border:2px #10611B solid; width:101.2%; } /* ---------------------------------------------------------- Responsive Structure = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */ @media (max-width: 1200px) { #site-title img {max-width: 100%; height: auto;} .flex-button-red {display: none;} .page-title {font-size: 26px;} .entry-meta {margin-top: 24px;} .event-info .buttons.facebook {display: none;} .long-description iframe{width: 98%; height: auto; min-height: 350px;} } @media (max-width: 768px) { #site-title img {max-width: 100%; height: auto;} .event-info .month-time {margin-right: 24px;} .announce-body .margin {margin: 0 24px;} .announce-body h1 {font-size: 26px;} .announce-body h3 {font-size: 18px;} #sticky_navigation .grid_5{width: 30%;} #sticky_navigation .grid_11{width: 45%;} #sticky_navigation {position: relative !important; min-height: 40px !important; z-index: 999;} .latestnews-body .image {width: 100%;} .latestnews-body .content {width: 100%;} .long-description iframe{width: 98%;height: auto;} #site-title img {max-width: 100%; height: auto; margin: 0 auto;} #branding hgroup {width: 98% !important; text-align: center;} .teaser-page-list .grid_10, .teaser-page .grid_10{text-align: center !important;width: 98% !important;} .teaser-page-list .grid_10 .page-title, .teaser-page .grid_10 .page-title {text-align: center !important;margin-bottom: 0px; } .teaser-page-list .grid_6, .teaser-page .grid_6 {width: 98% !important; } .teaser-page-list .grid_6 #rootline, .teaser-page .grid_6 #rootline {text-align: center !important;padding-bottom: 20px;margin-top: 40px !important; } } @media (max-width: 640px) { #site-title img {max-width: 100%; height: auto;} .flex-button-red {display: inline-block;} .pagination {padding-bottom: 48px;} .event-item figure {width: 98%;} .latestnews-body .image {width: 100%;} .latestnews-body .content {width: 100%;} .widget-causes-body figure {width: 98% !important;} .widget-causes-body .cause-item {width: 100% !important;} .widget-event-body .event-item figure {width: 98% !important;} .widget-event-body .event-item {width: 100% !important;} .designby {float: left;} .square-info {position: relative;width: 100%;} .entry-content figure{width: 98%;} .long-description iframe{width: 98%;height: auto;min-height: 300px;} .square-info-margins {margin: 24px 12px;} .event-info .month-time {margin-right: 48px;} .candidate-about {width: 98%; margin-top: 48px;} } @media (max-width: 480px) { #site-title img {max-width: 100%; height: auto; margin: 0 auto;} .event-info .month-time, .event-address {width: 100%;} .event-address {margin: 12px 0;} .event-location {font-size: 20px; line-height: normal;} .event-info .buttons.bookplace {float: left; margin-left: 0px;} #toolbar .tb-list .donate{margin-bottom: 20px;} .short-content figure {width: 98%;} .entry-meta .buttons.author { display: none;} } @media (max-width: 320px) { #site-title img {max-width: 100%; height: auto;} #toolbar .tb-list .share, #toolbar .tb-list .rss, #toolbar .tb-list .search{display: none;} } /* ---------------------------------------------------------- Print = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */ @media print { } /*****************************GALLERY*******************************************************/ /*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */ .fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; } .fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; } .fancybox-skin { position: relative; background: #f9f9f9; color: #444; text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .fancybox-opened { z-index: 8030; } .fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); } .fancybox-outer, .fancybox-inner { position: relative; } .fancybox-inner { overflow: hidden; } .fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; } .fancybox-error { color: #444; font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin: 0; padding: 15px; white-space: nowrap; } .fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; } .fancybox-image { max-width: 100%; max-height: 100%; } #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('images/fancybox_sprite.png'); } #fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; } #fancybox-loading div { width: 44px; height: 44px; background: url('../images/fancybox_loading.gif') center center no-repeat; } .fancybox-close { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 8040; } .fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url('../images/blank.gif'); /* helps IE */ -webkit-tap-highlight-color: rgba(0,0,0,0); z-index: 8040; } .fancybox-prev { left: 0; } .fancybox-next { right: 0; } .fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden; } .fancybox-prev span { left: 10px; background-position: 0 -36px; } .fancybox-next span { right: 10px; background-position: 0 -72px; } .fancybox-nav:hover span { visibility: visible; } .fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important; } /* Overlay helper */ .fancybox-lock { overflow: hidden !important; width: auto; } .fancybox-lock body { overflow: hidden !important; } .fancybox-lock-test { overflow-y: hidden !important; } .fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: url('../images/fancybox_overlay.png'); } .fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; } .fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; } /* Title helper */ .fancybox-title { visibility: hidden; font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; position: relative; text-shadow: none; z-index: 8050; } .fancybox-opened .fancybox-title { visibility: visible; } .fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; } .fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; /* Fallback for web browsers that doesn't support RGBa */ background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap; } .fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; } .fancybox-title-inside-wrap { padding-top: 10px; } .fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, .8); } /*Retina graphics!*/ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5){ #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('../images/fancybox_sprite@2x.png'); background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/ } #fancybox-loading div { background-image: url('../images/fancybox_loading@2x.gif'); background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/ } } #fancybox-buttons { position: fixed; left: 0; width: 100%; z-index: 8050; } #fancybox-buttons.top { top: 10px; } #fancybox-buttons.bottom { bottom: 10px; } #fancybox-buttons ul { display: block; width: 166px; height: 30px; margin: 0 auto; padding: 0; list-style: none; border: 1px solid #111; border-radius: 3px; -webkit-box-shadow: inset 0 0 0 1px rgba(255,255,255,.05); -moz-box-shadow: inset 0 0 0 1px rgba(255,255,255,.05); box-shadow: inset 0 0 0 1px rgba(255,255,255,.05); background: rgb(50,50,50); background: -moz-linear-gradient(top, rgb(68,68,68) 0%, rgb(52,52,52) 50%, rgb(41,41,41) 50%, rgb(51,51,51) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(68,68,68)), color-stop(50%,rgb(52,52,52)), color-stop(50%,rgb(41,41,41)), color-stop(100%,rgb(51,51,51))); background: -webkit-linear-gradient(top, rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%); background: -o-linear-gradient(top, rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%); background: -ms-linear-gradient(top, rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%); background: linear-gradient(top, rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#222222',GradientType=0 ); } #fancybox-buttons ul li { float: left; margin: 0; padding: 0; } #fancybox-buttons a { display: block; width: 30px; height: 30px; text-indent: -9999px; background-color: transparent; background-image: url('../images/fancybox_buttons.png'); background-repeat: no-repeat; outline: none; opacity: 0.8; } #fancybox-buttons a:hover { opacity: 1; } #fancybox-buttons a.btnPrev { background-position: 5px 0; } #fancybox-buttons a.btnNext { background-position: -33px 0; border-right: 1px solid #3e3e3e; } #fancybox-buttons a.btnPlay { background-position: 0 -30px; } #fancybox-buttons a.btnPlayOn { background-position: -30px -30px; } #fancybox-buttons a.btnToggle { background-position: 3px -60px; border-left: 1px solid #111; border-right: 1px solid #3e3e3e; width: 35px } #fancybox-buttons a.btnToggleOn { background-position: -27px -60px; } #fancybox-buttons a.btnClose { border-left: 1px solid #111; width: 35px; background-position: -56px 0px; } #fancybox-buttons a.btnDisabled { opacity : 0.4; cursor: default; } #fancybox-thumbs { position: fixed; left: 0; width: 100%; overflow: hidden; z-index: 8050; } #fancybox-thumbs.bottom { bottom: 2px; } #fancybox-thumbs.top { top: 2px; } #fancybox-thumbs ul { position: relative; list-style: none; margin: 0; padding: 0; } #fancybox-thumbs ul li { float: left; padding: 1px; opacity: 0.5; } #fancybox-thumbs ul li.active { opacity: 0.75; padding: 0; border: 1px solid #fff; } #fancybox-thumbs ul li:hover { opacity: 1; } #fancybox-thumbs ul li a { display: block; position: relative; overflow: hidden; border: 1px solid #222; background: #111; outline: none; } #fancybox-thumbs ul li img { display: block; position: relative; border: 0; padding: 0; max-width: none; } .nav-links a { padding:0 15px 0 0; } .nav-links span { padding:0 8px 0 0; color:#008000; } .vishal{ border:solid 4px #b70000; width:22%; float:left; margin:0 14px 14px 0;} .news h2{ font:normal 24px 'Open Sans Condensed', sans-serif;; color:#578A2C;} .ad{ width:100%; padding:5px 5px;} .ad h2{ font:normal 18px 'Open Sans Condensed', sans-serif;; color:#000; background:#f4f4f4; padding:10px 15px; margin:0;} .ad5{ width:45%; padding:5px 5px; background:#f0f0f0; border:solid 1px #e8e8e8; float:left; margin:8px 10px 10px 0;} .ad5 p{ font:bold 12px 'Open Sans Condensed', sans-serif;; color:#000; margin:35px 0 8px 0;} .ad5 span{ font:normal 14px 'Open Sans Condensed', sans-serif;; color:#000;} .list_carousel { margin: 0 0 30px 0; width: 100%; } .list_carousel ul { margin: 0; padding: 0; list-style: none; display: block; } .list_carousel li { width: 20%; padding: 0; margin: 6px; display: block; float: left; } .list_carousel.responsive { width: auto; margin-left: 0; } .clearfix { float: none; clear: both; } .prev { float: right; margin:15px 5px 0 0; padding:5px 10px; background:#578A2C; } .next { float: right; padding:5px 10px; margin: 15px 10px 0 0; background:#578A2C; } .pager { float: left; width: 300px; text-align: center; } .pager a { margin: 0 5px; text-decoration: none; } .pager a.selected { text-decoration: underline; } .timer { background-color: #999; height: 6px; width: 0px; } .caroufredsel_wrapper{ height:323px !important;} /* .................................... gallery section ....................................................*/ .pagnation a:hover { color:#03F; } .pagnation a.next { margin:0; padding:5px 10px 5px 10px;; } .pagnation a.prev { margin:0; padding:5px 10px 5px 10px; } .pagnation .page-numbers { margin:0; padding:0; width:auto; } .col { float: left; margin-left: 3.2%; margin-bottom: 20px; line-height:.5em; } .col img{width:100%; max-height:auto; } .fullwidth .col { float: none; margin-left: 0; } /* grid4 col */ .grid2 .col { width: 46%; max-height:100%; border:2px solid #B70000; } /* clear col */ .grid4 .col:nth-of-type(4n+1), .grid3 .col:nth-of-type(3n+1), .grid2 .col:nth-of-type(2n+1) { margin-left: 0; clear: left; } /************************************************************************************ MEDIA QUERIES *************************************************************************************/ /* reset cols to 2-column */ @media screen and (max-width: 768px) { /* grid4 */ .grid2 .col { width: 80%; } .grid2 .col:nth-of-type(3n+1) { margin-left: 3.2%; clear: none; } .grid2 .col:nth-of-type(2n+1) { margin-left: 0; clear: left; } } /* reset cols to fullwidth */ @media screen and (max-width: 500px) { /* grid4 */ .col { width: 47% !important; margin-right:3pxt !important; clear: none !important; } } /* .................................... gallery section ....................................................*/