/* Theme Name: Kause - DO NOT UPDATE Description: Theme modified heavily for RBWH Theme URI: //themeforest.net/ Author: ThemeCanon Author URI: //themecanon.com Version: 1.0.36 Tags: Light, dark, one-column, right-sidebar, responsive-layout License: License URI: */ /* ========================================================================== TABLE OF CONTENTS 01. Theme Base Settings 02. Theme Specific Typography 03. Logo 04. Main Navigation Styles 05. Main Container General Layout Styles 06. Typography 07. Block Elements 08. Lists 09. Paging and Comments 10. Graphs 11. Buttons 12. Tables 13. Forms 14. Mosaic Styles 15. Columns 16. Pricing Table 17. Message Boxes 18. Tabs 19. Toggles 20. Isotope styles 21. Widget Footer Styles 22. Footer Styles 23. Author's custom styles 24. Media Queries 768 25. Media Queries 600 26. Media Queries 480 27. Media Queries 1140 28. Fonts 29. Helper classes 30. Print styles 31. Misc. MB ========================================================================== */ /* ========================================================================== 01. Theme Base Settings ========================================================================== */ body { font-size: 1em; line-height: 1.4; padding: 2em 1em 4em; overflow-y: scroll;} ::-moz-selection { background: #b3d4fc; text-shadow: none; } ::selection { background: #b3d4fc; text-shadow: none; } .chromeframe { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0;} img { vertical-align: middle; border: none; } a { text-decoration: none; } ol, ul { margin: 0; padding: 0; } body {-webkit-font-smoothing: antialiased; font-smooth: always; -moz-osx-font-smoothing: grayscale; font: 16px/25px Georgia, "Times New Roman", Times, serif; } .outter-wrapper { width: 1440px; margin: 0 auto; padding: 0em;} .wrapper { width: 100%; max-width: 1340px; margin: 0 auto; padding: 1.5em; box-sizing: border-box; } .boxedPage .sticky-header-wrapper .outter-wrapper { width: 100%; } dd { margin: 0; } /* ========================================================================== 02. Theme Specific Typography ========================================================================== */ .statistics li:after { content: ''; display: table; clear: both; } /* ========================================================================== 03. Logos ========================================================================== */ @media screen and (min-width: 1241px) { .logo { max-width: none !important; } } /* ========================================================================== 04. Main Navigation Styles ========================================================================== */ .logo { display: inline-block; width: 100%; text-align:center; margin: 21px 0; max-width: unset !important; } @media screen and (max-width: 480px) { .logo { margin: 0; } } .logo img, .logo-foot img { max-width: 100%; } .logo img { width: 440px; } .logo-text { font-size: 28px; display: inline-block; margin-top: .75em; margin-bottom: .75em; } body .outter-wrapper.header-container { background: #720062; } .header-container .wrapper { padding-top: 0em; padding-bottom: 0em; } .header-container .nav li { float: left; position: relative; padding: 0.8125em 2%; background: none; } .header-container ul.nav > li > a { display: block; } .header-container ul.nav > li.nav-parent > a::after { height: 13px; width: 11px; color: #FFFFFF; font-family: "FontAwesome"; font-size: 12px; line-height: 13px; margin-left: 10px; content: '\f078'; } .header-container ul.nav > li.nav-parent.hover > a::after { content: '\f077'; } .nav-row { background-color: #003057; display: flex; } nav { width: 100%; } nav .button { padding: 0 !important; } .nav { display: flex; justify-content: center; align-items: center; } .nav a { white-space: nowrap; -webkit-transition: all 150ms ease-in-out; -ms-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out; padding: 0.25em 0.875em 0.4375em; font-size: 18px; text-decoration: none; } .nav a:hover { text-decoration: none; color: #fff; } .nav-parent a { -webkit-transition: all 0ms ease-in-out; -ms-transition: all 0ms ease-in-out; transition: all 0ms ease-in-out; } .nav ul li { list-style-type: none; } #menu-icon { display: none; font-size: 18px; -webkit-transition: all 150ms ease-in-out; -ms-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out; } #menu-icon span { width: 25px; height: 20px; display: inline-block; padding-right: 10px; position: relative; top: -1px; } #menu-icon span img { max-width: 100%; } nav #nav { margin-top: 0px; } body #nav ul { position: absolute; display: none; min-width: 13.75em; z-index: 10000; margin-top: 0; box-sizing: border-box; background: #003057; } #nav ul li { float: none; margin: 0; position: relative; clear: both; padding: 0; } #nav ul li a { position: relative; padding: 0.8125em 2.3125em; font-size: 18px; display: block; } #nav li:hover > ul { top: 100%; left: 0px; } #nav li:hover > ul, #nav li.nav-parent.hover ul { display: block; } #nav ul li:hover ul { display: block!important; } #nav li:hover ul ul { display: none!important; position: absolute; left: 100%; top: 0; } #nav ul li:hover ul { display: block!important; } .boxedPage .sticky-header-wrapper { position: relative; margin: 0 auto; max-width: 1440px; } .header-container #nav li.fa a { padding-left: .6em; } .header-container .nav li li:before { padding-left: .5em; } .header-container .nav li.fa { display: block; line-height: 1.4 } @media screen and (max-width: 768px) { #nav a, #nav ul a, #nav > li.current_page_item > a, #nav > li > a { color: #fff !important; } nav #nav { text-align: left; } nav #nav ul { margin-left: 20px; } } /* ========================================================================== 05. Main Container General Layout Styles ========================================================================== */ .main-container { padding: 0; } .main-content.full { width: 100%; float: none; } .main-content img, .right-aside img { max-width: 100%; border: none; height: auto; margin: 0 0 1em; box-sizing: border-box; } a img { position: relative; } .right-aside { border-left-style: solid; border-left-width: 1px; box-sizing: border-box; padding-left: 2em; } .left-aside { clear: right; } a { -webkit-transition: all 150ms ease-in-out; -ms-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out; } p a { text-decoration: underline; } /* Featured Block*/ .outter-wrapper { position: relative; } .outter-wrapper.feature { box-shadow: none; position: relative; z-index: 10; } .outter-wrapper.feature .wrapper { padding-bottom: 0; padding-top: 0; } .outter-wrapper:after { box-shadow: 2px 0px 3px -2px rgba(0, 0, 0, .2); position: absolute; right: 0px; height: 100%; display: block; content: ""; width: 5px; top: 0; } .outter-wrapper:before { box-shadow: -2px 0px 3px -2px rgba(0, 0, 0, .2); position: absolute; left: 0px; height: 100%; display: block; content: ""; width: 5px; top: 0; } .feature.map iframe { filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 10+ */ filter: gray; /* IE6-9 */ -webkit-filter: grayscale(99%); /* Chrome 19+ & Safari 6+ */ -webkit-transition: all .6s ease; /* Fade to color for Chrome and Safari */ /*-webkit-backface-visibility: hidden; Fix for transition flickering */ } .feature.map .gmnoprint { filter: url("data:image/svg+xml;utf8,#grayscale"); -webkit-filter: grayscale(0%); } .feature .flexslider, .feature .flexslider-quote { margin-bottom: 0; } .feature .flex-control-nav.flex-control-paging { display: none; } .feature img { margin: 0; width: 100%; height: auto; } .feature iframe { margin: 0; width: 100%; } .feature-boxed .flexslider { padding-top: 2em; } .fullwidthbanner-container { width:100% !important; position:relative; padding:0; overflow:hidden!important; border: none!important; } .fullwidthbanner .caption { visibility: hidden; position: absolute; top: 0; } .fullwidthbanner > ul > li { position: absolute; } .feature-heading { position: absolute; top: 28%; max-width: 400px; } .feature-heading p { font-size: 2.5em; line-height: 100%; margin-top: 20px; } .feature-heading p.heading { font-size: 20px!important; line-height: 100%!important; margin-bottom: 0!important; } /* Block Customs */ .pb_block.pb_block_last { padding-bottom: 2.5em; } .pb_block.pb_img.pb_block_last { padding-bottom: 0; } .pb_featured_posts .recentwork, .pb_widgets { padding-bottom: 2em; } .pb_people .main.wrapper { padding-bottom: 0; } .construction_msg { text-align: center; margin-top: 25%; } /* ========================================================================== 06. Typography ========================================================================== */ h1, h2, h3, h4, h5, h6, p { word-wrap: break-word; } p { margin-bottom: 1.5em; } h1, h2, h3, h4, h5, h6 { font-weight: normal; line-height: 120%; letter-spacing: 0px; margin: 25px 0 .5em; } h1.super { font-size: 100px; margin-bottom: -30px; } h1, .text-seperator h5 { font-size: 36px; } h2 { font-size: 32px; margin-top: 15px; } h3, .coms h4 { font-size: 26px; } h4 { font-size: 22px; } h5 { font-size: 18px; margin-top: 0; margin-bottom: 5px; } h6 { font-size: 16px; letter-spacing: 0px; position: relative; margin-top: 0; margin-bottom: 5px; color: #aa66a3 !important; font-family: "Source Sans Pro", sans-serif !important; } h3.title { font-size: 16px; margin-top: 0; } blockquote h6 { top: -1.4em; } ul.meta { margin-bottom: 12px; } ul.meta li:before { display: none; } .main ul.meta li { border-top-style: solid; border-top-width: 1px; padding: .7em 0; font-size: 14px; } h6.date { margin-top: 0; } h6.tags a:before { font-family: 'bulletsregular'; content: "p"; } h1, h2, h3, .coms h4 { } .more, ol > li:before, .feature-link { font-weight: normal; } strong, b { font-weight: bold; } .meta strong { font-weight: normal; } em{ font-style: italic; } .lead, blockquote { font-size: 20px; line-height: 26px; } blockquote, caption, .wp-caption-text { font-style: italic; } caption, .wp-caption-text { font-size: 14px; padding-left: .5em; border-left-style: solid; border-left-width: 2px; margin-top: -.5em; display: inline-block; } .wp-caption { margin-top: 1.5em; } .wp-caption.alignleft { padding-right: .75em; } .wp-caption.alignright { padding-left: .75em; } p.wp-caption-text { margin-bottom: .5em; color: #878c91; } .lead { margin-top: 0; color: #872175 !important; max-width: 780px; } .highlight { position: relative; margin-right: .2em; margin-left: .2em; display: inline-block; border-radius: 50px; padding: 0 .2em; } .main-container a { -webkit-transition: all 150ms ease-in-out; -ms-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out; cursor: pointer; } .main-container b, .main-container strong { font-weight: bold; } /*editbymb 13112013*/ h4.fittext { letter-spacing: -2px; margin: -10px 0 0; } h3.fittext { margin-top: .7em; padding-bottom: .25em; } .widget.kause_fact p { padding-top: .5em; border-top-style: solid; border-top-width: 1px; } .fittext { line-height: 100%; white-space: nowrap; } /* ========================================================================== 07. Block Elements ========================================================================== */ hr { display: block; height: 1px; border: 0; border-top-style: solid; border-top-width: 1px; padding: 0; margin: 2.5em 0; } hr.dash { display: block; height: 1px; border: 0; border-top-style: dashed; border-top-width: 1px; margin: 2.5em 0; padding: 0; } hr.dots { display: block; height: 1px; border: 0; border-top-style: dotted; border-top-width: 1px; margin: 2.5em 0; padding: 0; } .feature hr { border-width: 30px; margin-top: 0; margin-bottom: 0; } .text-seperator { display: block; height: 1px; border: 0; border-top-style: solid; border-top-width: 1px; padding: 0; margin: 3em 0; text-align: left; } .text-seperator h5 { position: relative; top: -18px; display: inline-block; padding-left: 0em; padding-right: .5em; margin: 0; letter-spacing: 0; } .text-seperator a { position: relative; top: -16px; display: inline-block; padding-left: 0em; padding-right: .5em; margin: 0; letter-spacing: 0; } pre { font-family: Consolas,Menlo,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New,monospace,serif; margin-bottom:10px; overflow:auto; width:auto; padding: 0 1em; background-color:#fff; background: #ffffff; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2VmZWZlZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 51%, #efefef 51%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(51%,#ffffff), color-stop(51%,#efefef)); background: -webkit-linear-gradient(top, #ffffff 0%,#ffffff 51%,#efefef 51%); background: -o-linear-gradient(top, #ffffff 0%,#ffffff 51%,#efefef 51%); background: -ms-linear-gradient(top, #ffffff 0%,#ffffff 51%,#efefef 51%); background: linear-gradient(to bottom, #ffffff 0%,#ffffff 51%,#efefef 51%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efefef',GradientType=0 ); background-size: 100% 60px; line-height: 30px; } iframe { margin-top: 0em; margin-bottom: 1em; width: 100%; border: none; } .fluid-width-video-wrapper { margin-bottom: 2em; background-color: #ffffff; margin-top: 0em; } .fluid-width-video-wrapper iframe { width: 100%; padding: 0; margin: 0; } .thumb-gallery .fluid-width-video-wrapper { margin-bottom: 0; } blockquote.right, blockquote.left { margin: 0 3% 3%; box-sizing:border-box; } blockquote.right { border-left-style: solid; border-left-width: 2px; padding-left: 1.3em; } blockquote { margin-right: 0; margin-left: 0; } cite { display: block; font-style: normal; font-size: 16px; margin-top: 1em; margin-bottom: 1em; } .tweet, .post-type-quote, .post-type-tweet { padding-left: 2.2em; position: relative; font-size: 28px; line-height: 36px; } .format-quote { padding-top: 1.5em; } .category-news .post { width: 50%; float: left; padding-right: 20px; box-sizing: border-box; margin-bottom: 20px; } @media (max-width: 767px) { .category-news .post { width: 100%; float: none; padding-right: 0; } } .category-news .post ~ hr { display: none; } .category-news .post:nth-child(5n) { clear: both; } .post-type-quote { padding-left: 0; margin-top: 0; } .post-type-tweet { margin-top: 0; } .post-type-tweet, .post-type-quote, blockquote.post-type-tweet blockquote, blockquote.post-type-quote blockquote { font-size: 28px; line-height: 36px; font-style: normal; } aside .tweet p, .twitter_theme_design .tweet { font-size: 17px; line-height: 24px; padding-left: 0; text-transform: none; font-style: italic; } .tweet:before, aside .tweet .meta:before, .twitter_theme_design .tweet .meta:before, .post-type-tweet:before { content: "L"; font-family: 'socialicoregular'; font-size: 70px; position: absolute; left: 0; top: 10px; font-style: normal; } aside .tweet:before, .twitter_theme_design .tweet:before { display: none; } aside .tweet .meta, .twitter_theme_design .tweet .meta { margin-top: 1.8em; position: relative; padding-left: 32px; } aside .tweet .meta:before, .twitter_theme_design .tweet .meta:before { font-size: 32px; top: 2px; } aside ul.tweets li.tweet:first-child { border: none; } aside ul.tweets li.tweet { padding-top: 0!important; } aside ul li:before, ul.link-list li:before, .statistics li:before { display: none; } aside ul li, ul.link-list li, ul.statistics li { border-top-style: solid; border-top-width: 1px; padding: .7em 0!important; font-size: 14px; } .recentwork .mosaic-block { margin-bottom: 0; margin-top: .5em; } .recentwork { margin-bottom: 1em; } .recentwork h3 { margin-top: 0; font-family: "Source Sans Pro", sans-serif; font-size: 17px; overflow: hidden; } .recentwork h3 a { display: block; color: #720062 !important; padding: 15px 15px; line-height: 1; text-shadow: 1px 1px 1px rgba(0,0,0,0.15); white-space: nowrap; } .recentwork h3 a:hover { color: #720062 !important; } .twitter-timeline { background: #fff; border: 1px dotted #333; } .right-aside hr:last-child { display: none; } /* ========================================================================== 08. Paralax Block Styles ========================================================================== */ .outter-wrapper.feature.parallax-block .wrapper { max-width: 850px; padding-top: 1.5em; padding-bottom: 2.5em; } .parallax-block .fluid-width-video-wrapper { border: 5px solid #ffffff; margin: 2.5em 0; } .parallax-block h4, .callout-block h4 { font-size: 28px; } .parallax-block h5, .callout-block h5 { font-size: 22px; } .callout-block h4 { font-size: 39px; margin: 2em 0 !important; line-height: 1; text-shadow: 1px 1px 0 rgba(0,0,0,0.25); } .callout-block.pb_block.pb_block_last { padding-bottom: 0; } .pb_img .align_center { text-align: center; } .pb_img .align_right { text-align: right; } .pb_img img { max-width: 100%; } @media screen and (max-width: 480px) { .callout-block h4 { font-size: 29px; margin: 1.5em 0 !important; line-height: 1.3; } } /* ========================================================================== 10. Social Block Styles ========================================================================== */ .social-block { padding-top: 1em; padding-bottom: 1em; background: #fff !important; } .social-thumbs { overflow: hidden; max-width: 1340px; height: 172px; margin: 7em auto 2em; } .social-thumbs + .wrapper h2 { position: absolute; top: 50px; text-transform: none; left: 0; right: 0; margin: auto; font-size: 35px; } .social-thumbs li:before { display: none; } .social-thumbs li { display: inline-block; padding: .3em; opacity: 1; -webkit-transition: all 150ms ease-in-out; -ms-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out; } /* .social-thumbs li:hover { -webkit-transform: scale(1.1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); -ms-transform: scale(1.1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); transform: scale(1.1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); } */ /* ========================================================================== 10. Lists ========================================================================== */ .main ul, .main ol { margin-bottom: 12px; } .main ul li > ul, .main ol li > ol { margin-bottom: 0; margin-left: -5px; } .main ul li.parent { padding-bottom: 0; } .main ul li, .more, .feature-link, .comment-reply-link, .comment-edit-link, #cancel-comment-reply-link { list-style-type: none; line-height: 20px; padding-top: 5px; padding-bottom: 8px; position: relative; /* padding-left: 22px; */ } .main-content ul li { list-style: disc; margin-left: 18px; } .wc_payment_methods li, .rpwe-block li, .rpwe_widget li, .pb_block li { list-style: none !important; margin-left: 0 !important; } .more, .feature-link { text-decoration: none; } .feature-link { padding-left: 0; } .main ul li { /* padding-left: 18px; */ } .more, .feature-link, .comment-reply-link, .comment-edit-link, #cancel-comment-reply-link { display: block; color: #720062 !important; font-family: "Source Sans Pro", sans-serif !important; } .more:hover, .feature-link:hover, .comment-reply-link:hover, .comment-edit-link:hover, #cancel-comment-reply-link:hover { text-decoration: underline; } /*.more:before, .feature-link:after, .comment-reply-link:before, .comment-edit-link:before, #cancel-comment-reply-link:before { content: "g"; font-family: 'bulletsregular'; font-size: 16px; top: 7px; position: absolute; } .more:before, .comment-reply-link:before, .comment-edit-link:before, #cancel-comment-reply-link:before { left: 3px; }*/ .feature-link:after { right: -22px; } /*.main ul li:before { content: "s"; font-family: 'bulletsregular'; font-size: 14px; left: 4px; top: 5px; position: absolute; text-transform: lowercase; }*/ .main ol { margin-left: 22px; } ol { counter-reset:li; /* Initiate a counter */ margin-left:0; /* Remove the default left margin */ padding-left:0; /* Remove the default left padding */ } ol > li { position:relative; /* Create a positioning context */ list-style:none; margin: 0 0 0 1em; padding-top: 3px; padding-bottom: 5px; padding-left: 0px; } ol > li:before { content:counter(li) "."; /* Use the counter as content */ counter-increment:li; /* Increment the counter by 1 */ position:absolute; top:-2px; left:-1.5em; box-sizing:border-box; width:1.5em; margin-right:8px; padding:4px; text-align:center; } li ol,li ul { margin-top:6px; } ol ol li:last-child { margin-bottom:0; } ul.archive li { display: inline-block; min-width: 40%; } .statistics li em{ font-size: 22px; padding-right: .4em; } .statistics li span { min-width: 40px; font-size: 18px; padding-left: .2em; float: right; } /* ============= Sitemap ===============*/ ul.sitemap { display: table; width: 100%; } ul.sitemap li { display: table-cell; padding-left: 0; padding: 1px; } ul.sitemap li a { display: block; padding: 1em; } ul.sitemap li:before { display: none; } ul.sitemap li ul { margin-left: 1em; } ul.sitemap li ul li { display: block; padding-left: 18px; padding-bottom: 1em; } ul.sitemap li ul li:before { content: "s"; font-family: 'bulletsregular'; font-size: 16px; left: 3px; top: 6px; position: absolute; display: block; } ul.sitemap li ul li a { background: transparent!important; padding: .2em; } /* ========================================================================== 09. Timeline Styles ========================================================================== */ .timeline-container { width:100%; margin:0px auto; overflow: auto; position: relative; } .vert-line { height:100%; position: absolute; left:50%; width:2px; margin-left:-1px; bottom:10px; z-index:100; } .vert-line:before, .vert-line:after { content: ""; display: block; position: absolute; border-radius: 30px; width: 10px; height: 10px; left: -4px; } .vert-line:before { top: 11px; } .vert-line:after { top: 100%; } ul.timeline { width: 100%; position: relative; list-style:none; overflow: hidden; padding: 20px 0px; margin: 0px ; } ul.timeline > li { width:48.5%; position: relative; margin:0px 0px 30px; padding: 0; box-sizing: border-box; border-style: solid; border-width: 1px; display: none; } .milestone-container { padding: 0 1.5em 1.75em; } ul.timeline > li:before { border:6px solid; content:""; display: block; position: absolute; } /*editbymb 27102013*/ /*ul.timeline > li:nth-child(even){ float:right; clear:right; } ul.timeline > li:nth-child(odd){ float:left; clear:left; }*/ ul.timeline > li.tl_right { float:right; clear:right; } ul.timeline > li.tl_left { float:left; clear:left; } ul.timeline > li .gallery { margin-bottom: 10px; } ul.timeline > li.tl_right:before { border-bottom-color: #fff!important; border-top-color: #fff!important; border-left-color: #fff!important; left:-12px; top:30px; /* you can adjust */ } ul.timeline > li.tl_left:before { border-bottom-color: #fff!important; border-top-color: #fff!important; border-right-color: #fff!important; right:-12px; left: 100%; top:30px; /* you can adjust */ } ul.timeline .mosaic-block { margin-bottom: 0; } ul.timeline .mosaic-block img { margin-bottom: 0; } ul.timeline img { margin-bottom: .5em; } .time-date { float: right; margin-top: .2em; } ul.timeline hr { margin: 1.5em 0; } .timeline_load_more { border-style: solid; border-width: 1px; text-align: center; cursor: pointer; } .timeline_load_more:hover { } .timeline_load_more h4 { margin-top: .5em; margin-bottom: .5em; } .timeline_load_img { text-align: center; display: none; } /* ========================================================================== 09. Paging and Comments ========================================================================== */ ul.pagination .left a, ul.pagination .right a, ul.paging a span { color: #fff; font-family: 'bulletsregular'; background: #e8e8e8; padding: .3em .5em .2em; } span.page-numbers, a.page-numbers { padding: 10px; background-color: #E8E8E8; border-radius: 4px; padding: 5px 0; display: inline-block !important; width: 36px !important; box-sizing: border-box; } a.page-numbers:hover { background-color: #66005a; color: #fff !important; } ul.pagination, ul.page-numbers { text-align: center; margin-top: 15px; } ul.pagination li:before, ul.paging li:before, ul.page-numbers li:before { display: none; } ul.pagination li, ul.paging li, ul.page-numbers li { padding-left: 0; display: inline-block; font-size: 20px; padding: 0; cursor: pointer; } .dataTables_wrapper .dataTables_paginate .pagination, .dataTables_wrapper .dataTables_info { white-space: normal !important; } ul.pagination .left a, ul.pagination .right a, ul.paging a span, ul.page-numbers li a.next, ul.page-numbers li a.prev, ul.paging span { padding: .3em .5em .2em; -webkit-transition: all 150ms ease-in-out; -ms-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out; font-family: 'bulletsregular'; } ul.paging span.inactive { opacity: .5; cursor: auto; } ul.paging .right span.inactive { text-transform: none; } ul.pagination .right a, ul.paging .right span, ul.page-numbers li a.next { padding-right: .4em; padding-left: .6em; } ul.paging { margin-top: 30px; } ul.paging a { font-size: 18px; } ul.page-numbers li a.next { float: right; } ul.page-numbers li a.prev { float: left; } .link-pages p { /* FIX- need to update with p */ background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #DDE1E5; margin-bottom: 0; margin-top: 2em; padding: 0.3em; text-align: center; word-spacing: 12px; } #comments_pagination { word-spacing: 12px; margin-top: 2em; padding: 0.3em; } /* ============= Comments ===============*/ ul.comments li { padding-left: 0; } ul.comments li div { line-height: 20px; padding: 0em; } ul.comments li div { padding: 1em 2%; } ul.comments ul li div { padding-left: 4%; } ul.comments ul ul li div { padding-left: 6%; } ul.comments ul ul ul li div { padding-left: 8%; } ul.comments ul ul ul ul li div { padding-left: 10%; } ul.comments ul ul ul ul ul li div { padding-left: 12%; } ul.comments ul ul ul ul ul ul li div { padding-left: 14%; } ul.comments ul { margin-bottom: 0; } ul.comments li > ul { margin: 0; } ul.comments .odd { } ul.comments li:before { display: none; } ul.comments h5, ul.comments h6 { display: inline; font-size: 18px; letter-spacing: 0; } ul.comments h6 { font-size: 14px; margin-left: 1em; } ul.comments li p { margin-top: .5em; margin-bottom: .5em; } #comments_pagination { text-align: center; } #comments_pagination .page-numbers { border-radius: 3px; background: transparent; } #comments_pagination .prev.page-numbers, #comments_pagination .next.page-numbers { display: none; } .comment-reply-link, .comment-edit-link, #cancel-comment-reply-link { float: right; } /* ========================================================================== 10. Graphs ========================================================================== */ ol.graphs { margin: 0 0 2em; } ol.graphs > li:before { display: none; } ol.graphs > li { border-radius: 3px; margin-bottom: .4em; padding: 0; margin-left: 0; } ol.graphs > li div { border-radius: 3px; padding: .2em 2%; } ol.graphs > li span { float: right; } .per-10{ width: 6%; } .per-20{ width: 16%; } .per-30{ width: 26%; } .per-40{ width: 36%; } .per-50{ width: 46%; } .per-60{ width: 56%; } .per-70{ width: 66%; } .per-80{ width: 76%; } .per-90{ width: 86%; } .per-100{ width: 96%; } /* ========================================================================== 11. Buttons ========================================================================== */ .btn, input[type=button], input[type=submit], .woocommerce a.button, .woocommerce button.button { font-weight: normal; font-size: 18px; padding: .4em 1.8em; white-space: normal; text-align: center; display: inline-block; -webkit-transition: all 150ms ease-in-out; -ms-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out; margin-bottom: .5em; margin-top: .5em; text-decoration: none; font-style : normal; border: 2px solid #7A0F6B !important; } input[type=button], input[type=submit]{ padding: .6em 1.8em; } .widget input[type=button], .widget input[type=submit]{ padding: .2em 1em; } a.btn { border-radius: 0 !important; border: 2px solid #7A0F6B !important; } body a.btn:hover, body input[type=button]:hover, body input[type=submit]:hover, .woocommerce a.button:hover, .woocommerce button.button:hover { background-color: transparent !important; color: #7A0F6B !important; } a.small-btn, input[type=button].small-btn, input[type=submit].small-btn, .widget input[type=submit]{ font-size: 14px; padding: .4em 1.2em; } a.xsmall-btn, input[type=button].xsmall-btn, input[type=submit].xsmall-btn { font-size: 12px; padding: .2em 1em; } a.btn [class^="icon-"], a.btn [class*=" icon-"]{ padding-right: 5px; padding-left: 5px; } .white-btn { border-style: solid!important; border-width: 1px!important; } .button { text-decoration: none; } .widget-footer input[type=submit] { background: transparent !important; border: 2px solid #B7916C !important; color: #B7916C !important; border-radius: 0 !important; padding: 0.5em 3.3125em 0.6875em; font-size: 18px; } .widget-footer input[type=submit]:hover { background-color: #B7916C !important; color: #fff !important; } /* ========================================================================== 12. Tables ========================================================================== */ .main table { border-style: solid; border-width: 1px; text-align: left; width: 100%; } .main table th{ padding: .5em; border-style: solid; border-width: 1px; vertical-align: top; } .main table td { padding: .5em; border-style: solid; border-width: 1px; vertical-align: top; } .main table tr:nth-child(2n+1){ } /* ========================================================================== 13. Forms ========================================================================== */ form{ margin-top: 2em; } .widget form{ margin-top: 1em; } fieldset { padding: 1em; border-radius: 3px; border-style: solid; border-width: 1px; margin-bottom: 1em; } fieldset fieldset { } label { font-weight: normal; padding-right: 1em; display: inline-block; } input[type=text], input[type=email], input[type=password], textarea, input[type=tel], input[type=range], input[type=url]{ border: none; padding: 14px 2%; display: inline-block; outline: none; margin-bottom: 1em; resize: none; display: block; width: 100%; -webkit-appearance: none; box-sizing: border-box; } .widget input[type=text], .widget input[type=email], .widget input[type=password], .widget textarea, .widget input[type=tel], .widget input[type=range], .widget input[type=url]{ margin-bottom: .35em; } .widget textarea { height: 90px; } input[type=text]:focus, textarea:focus, input[type=email]:focus, input[type=password]:focus { background: #f9f9f9; } input.half{ width: 48%; margin-right: 4%; } input.full, textarea.full { width: 100%; } input.field-last { padding: 14px 2%; margin-right: 0; } textarea { width: 100%; height: 140px; display: block; resize: none; outline: none; } select, input[type=radio], input[type=checkbox] { margin-bottom: 1em; margin-right: 6px; } .error[generated=true] { font-size: 14px; } form.quick-contact { margin-top: 1.5em; } form.quick-contact input[type=text], form.quick-contact input[type=email], form.quick-contact input[type=password], form.quick-contact textarea, form.quick-contact input[type=tel], form.quick-contact input[type=range], input[type=url]{ margin-bottom: .4em; } form.quick-contact textarea { height: 80px; } legend { font-size: 16px; } /* ========================================================================== 14. Mosaic Styles ========================================================================== */ .mosaic-block { position:relative; overflow:hidden; width:100%; background:#ffffff url(img/progress.gif) no-repeat center center; margin: 0 0 2em; border: none; box-sizing: border-box; } .mosaic-block img { margin: 0; border: none; width: 100%; height: auto; } .mosaic-backdrop { display:none; top:0; height:100%; width:100%; background:#fff; } .mosaic-overlay { display:none; z-index:5; position:absolute; width:100%; height:100%; background:#111; } .fade .mosaic-overlay { background:url(img/hover-magnify.png) no-repeat center center; background-color: rgba(0, 0, 0, .3); opacity:0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)"; filter:alpha(opacity=00); display:none; -webkit-backface-visibility: hidden; } @media (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) { /* on retina, use image that's scaled by 2 */ .fade .mosaic-overlay { background:url(./img/hover-magnify@2x.png) no-repeat center center; background-size: 49px 49px; background-color: rgba(0, 0, 0, .5); } } .fade .mosaic-overlay.link { background:url(img/hover-gotopost.png) no-repeat center center; background-color: rgba(0, 0, 0, .3); opacity:0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)"; filter:alpha(opacity=00); display:none; -webkit-backface-visibility: hidden; } @media (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) { /* on retina, use image that's scaled by 2 */ .fade .mosaic-overlay.link { background:url(./img/hover-gotopost@2x.png) no-repeat center center; background-size: 49px 49px; background-color: rgba(0, 0, 0, .5); } } .fade .mosaic-overlay.play { background:url(img/hover-play.png) no-repeat center center; background-color: rgba(0, 0, 0, .3); opacity:0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)"; filter:alpha(opacity=00); display:none; -webkit-backface-visibility: hidden; } @media (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) { /* on retina, use image that's scaled by 2 */ .fade .mosaic-overlay.play { background:url(./img/hover-play@2x.png) no-repeat center center; background-size: 49px 49px; background-color: rgba(0, 0, 0, .5); } } .fourth .mosaic-block { margin-bottom: .5em; } .recentwork h3 { margin-top: 0; } .corner-date { font-size: 14px; } /* ========================================================================== 15. Columns ========================================================================== */ .full { width: 100%; float: none; } .half{ width: 48%; margin-right: 4%; float: left; } .third { width: 31.3333%; margin-right: 3%; float: left; } .fourth{ width: 22%; margin-right: 4%; float: left; } .fifth{ width: 18%; margin-right: 2.5%; float: left; } .two-thirds { width: 65%; margin-right: 5%; float: left; } .three-fourths { width: 74%; margin-right: 4%; float: left; } .fourth + .three-fourths { margin-right: 0; } .two-fifths { width: 36%; margin-right: 3%; float: left; } .three-fifths { width: 61%; margin-right: 2%; float: left; } .four-fifths { width: 78%; margin-right: 4%; float: left; } .left, .alignleft { float: left; } .right, .alignright { float: right; } .column-example div { min-height: 1em; background: #efefef; margin-bottom: 1em; -webkit-transition: all 150ms ease-in-out; -ms-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out; text-align: center; } .column-example div:hover { background: #ff6666; } .thumb-gallery .third { width: 33.33%; margin-right: 0%; border: 2px solid #fff; box-sizing: border-box; float: left; } .thumb-gallery .third.mosaic-block { margin-bottom: 0; } .right-aside .mosaic-block, .widget-footer .mosaic-block { margin-bottom: .5em; } .boxed { background: #F7F7F7; margin-bottom: 2em; } .boxed img { margin-top: 0; margin-bottom: 0; } .boxed .inner-box{ padding: .75em; padding-top: 0; } .boxed .inner-box .quote:before { content: "“"; font-size: 42px; font-style: normal; padding-right: 4px; position: relative; top: 18px; } .boxed .inner-box .quote { position: relative; top: -8px; } /* ========================================================================== 16. Pricing and Team ========================================================================== */ .price-feature { position: relative; top: -1em; padding-bottom: 2em; } .page-id-17 .price-bg { background-image: url(img/donate-bg.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; } .outter-wrapper.feature.pb_hr { display: none; } .price { text-align: center; box-sizing: border-box; margin-top: 1em; -webkit-transition: all 150ms ease-in-out; -ms-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out; box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0); } .price:hover, .price-feature { box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, .2); } .price-detail { position: relative; padding: 0.2em 1.5em 1.2em; min-height: 250px; } .price h3 { margin: 0; padding: 1em; height: 296px; padding: 90px 25px 0; font-family: 'Source Sans Pro', sans-serif; font-size: 40px; box-sizing: border-box; border: 3px #fff solid; text-shadow: 1px 1px 0 rgba(0,0,0,0.25); background-position: center !important; background-repeat: no-repeat !important; background-size: cover !important; } .price h3 span { display: block; font-size: 60px; font-family: 'Source Sans Pro', sans-serif !important; margin-top: 6px; } .price h3 span span { display: inline-block; font-size: 14px; margin-top: 0; line-height: 16px; } .price-detail li:before { display: none; } .price-detail ul li { border-top-style: solid; border-top-width: 1px; padding-top: .5em; padding-bottom: .5em; padding-left: 0; } .price-detail ul li:last-child { border-bottom-style: solid; border-bottom-width: 1px; } .price-bg > div { background: none; } .price:first-child h3 { background-image: url(img/donate-1.jpg); } .price:first-child + .price h3 { background-image: url(img/donate-2.jpg); } .price:first-child + .price + .price h3 { background-image: url(img/donate-3.jpg); } .pb_pricing ~ .pb_pricing .price:first-child h3 { background-image: url(img/donate-other.jpg); } .pb_pricing ~ .pb_pricing .price:first-child + .price h3 { background-image: url(img/donate-cancercareservices.jpg); } .pb_pricing ~ .pb_pricing .price:first-child + .price + .price h3 { background-image: url(img/donate-burnstraumacriticalcare.jpg); } .pb_pricing ~ .pb_pricing ~ .pb_pricing .price:first-child h3 { background-image: url(img/donate-neonatalunit.jpg); } .pb_pricing ~ .pb_pricing ~ .pb_pricing .price:first-child + .price h3 { background-image: url(img/donate-motorneuronedisease.jpg); } .pb_pricing ~ .pb_pricing ~ .pb_pricing .price:first-child + .price + .price h3 { background-image: url(img/donate-burnslife.jpg); } .pb_pricing ~ .pb_pricing ~ .pb_pricing ~ .pb_pricing .price:first-child h3 { background-image: url(img/donate-preciouswings.jpg); } .pb_pricing ~ .pb_pricing ~ .pb_pricing ~ .pb_pricing .price:first-child + .price h3 { background-image: url(img/donate-genetichealth.jpg); } .pb_pricing ~ .pb_pricing ~ .pb_pricing ~ .pb_pricing .price:first-child + .price + .price h3 { background-image: url(img/donate-inmemorydonations.jpg); } .price-detail p { margin-bottom: 10px; margin-top: 10px; font-size: 15px; line-height: 1.5; } .price-detail p em { font-size: 19px; font-style: normal; color: #4e4e4e; } .price-detail .tp-button { padding: 10px 68px 10px 17px !important; position: absolute; bottom: 20px; margin: auto; left: 0; right: 0; width: 120px; } .price-detail .tp-button:after { width: 50px; line-height: 54px; font-size: 20px; } .page-id-17 .pb_text_section .main-content { background-color: #fff; padding: 30px; box-sizing: border-box; } .pb_text_section .text-seperator { margin: 0 0 20px; height: auto; background-color: #89a9d2; padding: 20px; } .pb_text_section h5 { font-family: 'Source Sans Pro', sans-serif; font-size: 24px; color: #89a9d2; } .pb_text_section .text-seperator h5 { line-height: 1; background: none; color: #fff; font-family: 'Source Sans Pro', sans-serif; font-size: 19px; position: static; text-shadow: 1px 1px 0 rgba(0,0,0,0.25); } /*.main-content .price { width: 30.3333%; margin-right: 3%; float: left; }*/ @media screen and (max-width: 1350px) { .third { width: 32%; margin-right: 2%; float: left; } .price-detail { padding: 0.2em 1.3em 1.2em; min-height: 270px; } } @media screen and (max-width: 1150px) { .price-detail { min-height: 0; } .price-detail .tp-button { position: relative; left: auto; right: auto; bottom: auto; } .price h3 { height: 235px; font-size: 31px; } .price h3 span { font-size: 50px; } } @media screen and (max-width: 1000px) { .price h3 { font-size: 28px; padding: 70px 15px 0; } .price h3 span { font-size: 42px; } } @media screen and (max-width: 768px) { .price h3 { height: 270px; font-size: 28px; padding: 96px 15px 0; background-position: top center !important; } } /* Price alt */ .price-table { display: table; width: 100%; margin-bottom: 1em; box-sizing: border-box; margin-top: 1em; margin-bottom: 2em; width: 100%; -webkit-transition: all 150ms ease-in-out; -ms-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out; box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0); } .price-row{ display: table-row; } .price-table:hover, .price-table-feature { box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, .2); } .price-cell { display: table-cell; vertical-align: top; border-right-style: dashed; border-right-width: 1px; text-align: center; padding: 8px 20px; box-sizing: border-box; position: relative!important; } .price-cell.feature { min-width: 120px; max-width: 120px; } .price-cell .inwrap { position: relative; } .price-cell .inwrap:after { content: "+"; position: absolute; right: -29px; bottom: 50%; display: block; font: bold 28px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; } .price-cell.last { border: none; padding-right: 20px!important; vertical-align: middle; min-width: 160px; } .price-cell.last .btn { margin-bottom: 0; } .price-cell h3 span { display: block; font-size: 48px; margin-top: 15px; } .price-cell h3 span span { font-size: 18px; display: inline; } .pb_pricing .price-cell ul li:before { position: relative; left: -5px; top: 0; } .boxed ul.social-link { border-top-width: 1px; border-top-style: solid; padding-top: .5em; margin-top: 1em; } .boxed ul.social-link li { display: inline-block; padding: .7em 0 .3em; } .boxed ul.social-link li:last-child { padding-right: 0; } .boxed ul.social-link a { font-size: 18px; -webkit-transition: all 150ms ease-in-out; -ms-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out; opacity: 1; padding-right: 5px; text-transform: lowercase; } .boxed h4 { font-size: 18px; margin-bottom: 0; } .boxed h5 { margin-top: 5px; font-size: 16px; } /* People */ .cpt_people { margin-bottom: 2em; } .cpt_people .social-link { border-top-style: solid; border-top-width: 1px; } .cpt_people .social-link li { border: none!important; display: inline-block; padding-right: .65em!important; } .meta_tagline { text-transform: none!important; } .corp-head { float: left; margin-right: 1.5em; max-width: 280px; } .personColumn img { width: 100%; } /* ========================================================================== 17. Message Boxes ========================================================================== */ .message, div.wpcf7-validation-errors, .woocommerce-message, .woocommerce-error, .woocommerce-info, .col2-set.addresses .address { border-width: 1px; border-style: solid; display: block; padding: .5em 1em; box-sizing: border-box; border-radius: 0; margin-bottom: 1em; } .message.success { border-color: #a2e29d; background: #e2f5e4; } .message.info, .woocommerce-info { border-color: #7bb8e2; background: #d2e4f1; } .message.error, .woocommerce-error { border-color: #fc604a; background: #ffd4ce; } .message.notice, div.wpcf7-validation-errors { border-color: #fcc84a; background: #fffcce; } .message.promo { padding: 16px 40px; border: none; font-size: 28px; line-height: 120%; text-align: center; margin-bottom: 0; } .message.promo h2 { font-size: 28px; } .message.promo h4 { font-size: 15px; } .message.promo *{ margin-top: .5em; margin-bottom: .5em; } span.wpcf7-not-valid-tip { background: none; border: none; position: relative; left: 0; top: -10px; } #wpcf7-f2455-o1 .wpcf7-text, #wpcf7-f2455-o1 .wpcf7-textarea { color: #828995 !important; } #wpcf7-f2455-o1 span.wpcf7-not-valid-tip { top: -5px; color: #FFF; } #wpcf7-f2455-o1 .wpcf7-validation-errors { color: #000; } div.wpcf7-validation-errors { font-size: 13px; line-height: 18px; font-style: italic; } /* Gravity Forms */ ul.gform_fields li.gfield, .main ul.gform_fields li { padding-left: 0; } .gfield:before, ul.gform_fields li:before { display: none; } ul.gform_fields li.gfield ul { margin-bottom: 0; } ul.gform_fields li.gfield ul li { display: inline-block; padding-bottom: 0; } .validation_error, .validation_message, .gform_wrapper .gfield_error .gfield_label { color: #ff6666; } .validation_error { font-size: 18px; } .gfield_error input[type="text"], .gfield_error input[type="email"], .gfield_error input[type="password"], .gfield_error textarea, .gfield_error input[type="tel"], .gfield_error input[type="range"], .gfield_error input[type="url"]{ border: 1px solid #fc604a; } .gform_validation_container, .gform_wrapper .gform_validation_container, body .gform_wrapper li.gform_validation_container, body .gform_wrapper .gform_body ul.gform_fields li.gfield.gform_validation_container, body .gform_wrapper ul.gform_fields li.gfield.gform_validation_container { display: none !important; left: -9000px; position: absolute !important; } .gfield_description.validation_message { margin-top: -.4em; } .charleft.ginput_counter { float: right; } .gf_progressbar_title { font-size: 12px; } .gf_progressbar { border-width: 1px; border-style: solid; display: block; padding: 2px; box-sizing: border-box; border-radius: 3px; margin-bottom: 1em; } .gf_progressbar_percentage { display: block; padding: 0em 1em; box-sizing: border-box; border-radius: 3px; font-size: 14px; } .ui-datepicker { background: #fff; box-shadow: 0 0 4px 0 rgba(0,0,0,.2); padding: .5em 1em 1em; box-sizing: border-box; border-radius: 3px; } .ui-datepicker-calendar, .ui-datepicker-calendar td { border: 1px solid #f1f1f1; text-align: center; } .ui-datepicker-calendar td { padding: 0px 5px; } /* ========================================================================== 18. Tabs ========================================================================== */ ul.tab-nav { position: relative; width:100%; margin: 0 auto!important; top: 1px; } ul.tab-nav li { float:left; position:relative; display:block; text-align:center; margin-right: 1px; box-sizing: border-box; border-style: solid; border-width: 1px; border-bottom: none; padding: .5em 1em!important; text-transform: none; } ul.tab-nav li:before { display: none; } ul.tab-nav li:hover { cursor:pointer; } ul.tab-nav li.active { z-index:50; border: none; border-style: solid; border-width: 1px; border-bottom: none; } .tab-content-block { clear:both; position:relative; width: 100%; border-style: solid; border-width: 1px; } .tab_content { box-sizing: border-box; padding: .75em; } h3.v_nav {display: none;} h3.v_nav { background: #ededed; text-transform: none; font-size: 16px; } /* ========================================================================== 19. Toggles ========================================================================== */ .toggle-btn { text-decoration:none; display:block; } .toggle-content { display:none; } .toggle-content.active { display: block; } ul.toggle li:first-child, ul.accordion li:first-child { border-top-style: solid; border-top-width: 1px; } ul.toggle li { position:relative; overflow:hidden; border-bottom-style: solid; border-bottom-width: 1px; padding-top: .75em; padding-right: 0; padding-bottom: .75em; } ul.toggle li:before { top: 13px; } ul.toggle { margin-bottom: 1.5em; } ul.toggle li a { padding-top: 0; padding-bottom: 0; } /* ======= ACCORDION =========== */ .accordion-btn { text-decoration:none; display:block; } .accordion-content { display:none; } .accordion-content.active { display: block; } ul.accordion li { position:relative; overflow:hidden; border-bottom-style: solid; border-bottom-width: 1px; padding-top: .75em; padding-right: 0; padding-bottom: .75em; text-transform: none; font-size: 16px; } aside ul.accordion li { border-top: none; } ul.accordion li:before { top: 15px; } ul.accordion { margin-bottom: 1.5em; } .widget-footer ul.accordion li { font-size: 14px; } /* ========================================================================== 20. Isotope styles ========================================================================== */ /*editbymb 12102013*/ /*moved to isotope.css*/ /* ========================================================================== 21. Widget Footer Styles ========================================================================== */ .widget-footer { padding-bottom: 2.5em; padding-top: 1em; font-size: 16px; } .widget-footer img { max-width: 100%; margin-left: -35px; } .widget-footer ul.tweets li { padding-left: 0; } .widget-footer .tweet { font-size: 14px; line-height: 22px; padding-left: 0; font-style: italic; } .widget-footer .tweet:before { display: none; } .widget-footer .tweet > p:before { content: "L"; font-family: 'socialicoregular'; font-size: 36px; position: relative; left: 0; top: 6px; padding-right: 5px; font-style: normal; } .widget-footer .tweet > p { margin-top: 0; } .widget-footer .tweet .meta { display: none; } .widget-footer .fourth.widget { box-sizing: border-box; padding-right: 2%; } .widget-footer .fourth.widget.last { border: none; } .widget-footer input[type="text"], .widget-footer input[type="email"], .widget-footer input[type="password"]{ margin-bottom: .5em; } /* ========================================================================== 22. Footer Styles ========================================================================== */ footer { padding: 0 1em; } footer.feature { padding-top: 1em; padding-bottom: 1em; } .logo-foot { display: inline-block; padding-right: 5px; } ul.social-link li:before { display: none; } footer ul.social-link li { display: inline-block; padding: .5em .4em .3em; } footer ul.social-link li:last-child { padding-right: 0; } footer ul.social-link a em:before { font-size: 24px; -webkit-transition: all 150ms ease-in-out; -ms-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out; } .foot.left { padding-top: .7em; } #scrollUp { bottom: 20px; right: 20px; padding: 10px 20px; background: #111; background-color: rgba(0, 0, 0, .7); font-size: 11px; } /* ========================================================================== 24. Flags ========================================================================== */ a.flag { padding-left: 25px!important; background-size: 18px ; background-repeat: no-repeat; background-position: 0 8px; box-sizing: border-box; } li.flag { background-repeat: no-repeat; } ul.sitemap li.flag { background-image: none!important; } a.header-container .nav li .flag { background-position: 0 25px; } a.header-container .nav li li .flag { background-position: 5px 5px; padding-left: 30px!important; } #nav li.flag ul { margin-left: -40px; } #nav li.flag a { padding-left: 0; } #nav li.flag { padding-left: 25px!important; background-size: 18px ; background-repeat: no-repeat; background-position: 0 28px; box-sizing: border-box; } #nav li.flag li.flag, #nav li li.flag { background-position: 15px 12px; padding-left: 40px!important; } li.flag.af{ background-image: url(./img/flags/AF.png); } li.flag.ax{ background-image: url(./img/flags/AX.png); } li.flag.al { background-image: url(./img/flags/AL.png); } li.flag.dz{ background-image: url(./img/flags/DZ.png); } li.flag.as { background-image: url(./img/flags/AS.png); } li.flag.ad { background-image: url(./img/flags/AD.png); } li.flag.ao { background-image: url(./img/flags/AO.png); } li.flag.ai { background-image: url(./img/flags/AI.png); } li.flag.aq{ background-image: url(./img/flags/AQ.png); } li.flag.ag { background-image: url(./img/flags/AG.png); } li.flag.ar { background-image: url(./img/flags/AR.png); } li.flag.am{ background-image: url(./img/flags/AM.png); } li.flag.aw{ background-image: url(./img/flags/AW.png); } li.flag.au{ background-image: url(./img/flags/AU.png); } li.flag.at { background-image: url(./img/flags/AT.png); } li.flag.az{ background-image: url(./img/flags/AZ.png); } li.flag.bs { background-image: url(./img/flags/BS.png); } li.flag.bh{ background-image: url(./img/flags/BH.png); } li.flag.bd { background-image: url(./img/flags/BD.png); } li.flag.bb { background-image: url(./img/flags/BB.png); } li.flag.by{ background-image: url(./img/flags/BY.png); } li.flag.be { background-image: url(./img/flags/BE.png); } li.flag.bz{ background-image: url(./img/flags/BZ.png); } li.flag.bj{ background-image: url(./img/flags/BJ.png); } li.flag.bm{ background-image: url(./img/flags/BM.png); } li.flag.bt { background-image: url(./img/flags/BT.png); } li.flag.bo { background-image: url(./img/flags/BO.png); } li.flag.bq{ background-image: url(./img/flags/BQ.png); } li.flag.ba { background-image: url(./img/flags/BA.png); } li.flag.bw{ background-image: url(./img/flags/BW.png); } li.flag.bv { background-image: url(./img/flags/BV.png); } li.flag.br { background-image: url(./img/flags/BR.png); } li.flag.io { background-image: url(./img/flags/IO.png); } li.flag.bn { background-image: url(./img/flags/BN.png); } li.flag.bg { background-image: url(./img/flags/BG.png); } li.flag.bf{ background-image: url(./img/flags/BF.png); } li.flag.bi { background-image: url(./img/flags/BI.png); } li.flag.kh{ background-image: url(./img/flags/KH.png); } li.flag.cm{ background-image: url(./img/flags/CM.png); } li.flag.ca { background-image: url(./img/flags/CA.png); } li.flag.cv { background-image: url(./img/flags/CV.png); } li.flag.ky{ background-image: url(./img/flags/KY.png); } li.flag.cf{ background-image: url(./img/flags/CF.png); } li.flag.td { background-image: url(./img/flags/TD.png); } li.flag.cl { background-image: url(./img/flags/CL.png); } li.flag.cn { background-image: url(./img/flags/CN.png); } li.flag.cx{ background-image: url(./img/flags/CX.png); } li.flag.cc{ background-image: url(./img/flags/CC.png); } li.flag.co { background-image: url(./img/flags/CO.png); } li.flag.km{ background-image: url(./img/flags/KM.png); } li.flag.cg { background-image: url(./img/flags/CG.png); } li.flag.cd { background-image: url(./img/flags/CD.png); } li.flag.ck { background-image: url(./img/flags/CK.png); } li.flag.cr { background-image: url(./img/flags/CR.png); } li.flag.ci { background-image: url(./img/flags/CI.png); } li.flag.hr { background-image: url(./img/flags/HR.png); } li.flag.cu{ background-image: url(./img/flags/CU.png); } li.flag.cw{ background-image: url(./img/flags/CW.png); } li.flag.cy{ background-image: url(./img/flags/CY.png); } li.flag.cz{ background-image: url(./img/flags/CZ.png); } li.flag.dk { background-image: url(./img/flags/DK.png); } li.flag.dj{ background-image: url(./img/flags/DJ.png); } li.flag.dm{ background-image: url(./img/flags/DM.png); } li.flag.do { background-image: url(./img/flags/DO.png); } li.flag.ec{ background-image: url(./img/flags/EC.png); } li.flag.eg { background-image: url(./img/flags/EG.png); } li.flag.sv { background-image: url(./img/flags/SV.png); } li.flag.gq{ background-image: url(./img/flags/GQ.png); } li.flag.er { background-image: url(./img/flags/ER.png); } li.flag.ee { background-image: url(./img/flags/EE.png); } li.flag.et { background-image: url(./img/flags/ET.png); } li.flag.fk { background-image: url(./img/flags/FK.png); } li.flag.fo { background-image: url(./img/flags/FO.png); } li.flag.fj{ background-image: url(./img/flags/FJ.png); } li.flag.fi { background-image: url(./img/flags/FI.png); } li.flag.fr { background-image: url(./img/flags/FR.png); } li.flag.gf{ background-image: url(./img/flags/GF.png); } li.flag.pf{ background-image: url(./img/flags/PF.png); } li.flag.tf{ background-image: url(./img/flags/TF.png); } li.flag.ga { background-image: url(./img/flags/GA.png); } li.flag.gm{ background-image: url(./img/flags/GM.png); } li.flag.ge { background-image: url(./img/flags/GE.png); } li.flag.de { background-image: url(./img/flags/DE.png); } li.flag.gh{ background-image: url(./img/flags/GH.png); } li.flag.gi { background-image: url(./img/flags/GI.png); } li.flag.gr { background-image: url(./img/flags/GR.png); } li.flag.gl { background-image: url(./img/flags/GL.png); } li.flag.gd { background-image: url(./img/flags/GD.png); } li.flag.gp { background-image: url(./img/flags/GP.png); } li.flag.gu{ background-image: url(./img/flags/GU.png); } li.flag.gt { background-image: url(./img/flags/GT.png); } li.flag.gg { background-image: url(./img/flags/GG.png); } li.flag.gn { background-image: url(./img/flags/GN.png); } li.flag.gw{ background-image: url(./img/flags/GW.png); } li.flag.gy{ background-image: url(./img/flags/GY.png); } li.flag.ht { background-image: url(./img/flags/HT.png); } li.flag.hm{ background-image: url(./img/flags/HM.png); } li.flag.va { background-image: url(./img/flags/VA.png); } li.flag.hn { background-image: url(./img/flags/HN.png); } li.flag.hk { background-image: url(./img/flags/HK.png); } li.flag.hu{ background-image: url(./img/flags/HU.png); } li.flag.is { background-image: url(./img/flags/IS.png); } li.flag.in { background-image: url(./img/flags/IN.png); } li.flag.id { background-image: url(./img/flags/ID.png); } li.flag.ir { background-image: url(./img/flags/IR.png); } li.flag.iq{ background-image: url(./img/flags/IQ.png); } li.flag.ie { background-image: url(./img/flags/IE.png); } li.flag.im{ background-image: url(./img/flags/IM.png); } li.flag.il { background-image: url(./img/flags/IL.png); } li.flag.it { background-image: url(./img/flags/IT.png); } li.flag.jm{ background-image: url(./img/flags/JM.png); } li.flag.jp { background-image: url(./img/flags/JP.png); } li.flag.je { background-image: url(./img/flags/JE.png); } li.flag.jo { background-image: url(./img/flags/JO.png); } li.flag.kz{ background-image: url(./img/flags/KZ.png); } li.flag.ke { background-image: url(./img/flags/KE.png); } li.flag.ki { background-image: url(./img/flags/KI.png); } li.flag.kp { background-image: url(./img/flags/KP.png); } li.flag.kr { background-image: url(./img/flags/KR.png); } li.flag.kw{ background-image: url(./img/flags/KW.png); } li.flag.kg { background-image: url(./img/flags/KG.png); } li.flag.la { background-image: url(./img/flags/LA.png); } li.flag.lv { background-image: url(./img/flags/LV.png); } li.flag.lb { background-image: url(./img/flags/LB.png); } li.flag.ls { background-image: url(./img/flags/LS.png); } li.flag.lr { background-image: url(./img/flags/LR.png); } li.flag.ly{ background-image: url(./img/flags/LY.png); } li.flag.li { background-image: url(./img/flags/LI.png); } li.flag.lt { background-image: url(./img/flags/LT.png); } li.flag.lu{ background-image: url(./img/flags/LU.png); } li.flag.mo { background-image: url(./img/flags/MO.png); } li.flag.mk { background-image: url(./img/flags/MK.png); } li.flag.mg { background-image: url(./img/flags/MG.png); } li.flag.mw{ background-image: url(./img/flags/MW.png); } li.flag.my{ background-image: url(./img/flags/MY.png); } li.flag.mv { background-image: url(./img/flags/MV.png); } li.flag.ml { background-image: url(./img/flags/ML.png); } li.flag.mt { background-image: url(./img/flags/MT.png); } li.flag.mh{ background-image: url(./img/flags/MH.png); } li.flag.mq{ background-image: url(./img/flags/MQ.png); } li.flag.mr { background-image: url(./img/flags/MR.png); } li.flag.mu{ background-image: url(./img/flags/MU.png); } li.flag.yt { background-image: url(./img/flags/YT.png); } li.flag.mx{ background-image: url(./img/flags/MX.png); } li.flag.fm{ background-image: url(./img/flags/FM.png); } li.flag.md { background-image: url(./img/flags/MD.png); } li.flag.mc{ background-image: url(./img/flags/MC.png); } li.flag.mn { background-image: url(./img/flags/MN.png); } li.flag.me { background-image: url(./img/flags/ME.png); } li.flag.ms { background-image: url(./img/flags/MS.png); } li.flag.ma { background-image: url(./img/flags/MA.png); } li.flag.mz{ background-image: url(./img/flags/MZ.png); } li.flag.mm{ background-image: url(./img/flags/MM.png); } li.flag.na { background-image: url(./img/flags/NA.png); } li.flag.nr { background-image: url(./img/flags/NR.png); } li.flag.np { background-image: url(./img/flags/NP.png); } li.flag.nl { background-image: url(./img/flags/NL.png); } li.flag.nc{ background-image: url(./img/flags/NC.png); } li.flag.nz{ background-image: url(./img/flags/NZ.png); } li.flag.ni { background-image: url(./img/flags/NI.png); } li.flag.ne { background-image: url(./img/flags/NE.png); } li.flag.ng { background-image: url(./img/flags/NG.png); } li.flag.nu{ background-image: url(./img/flags/NU.png); } li.flag.nf{ background-image: url(./img/flags/NF.png); } li.flag.mp { background-image: url(./img/flags/MP.png); } li.flag.no { background-image: url(./img/flags/NO.png); } li.flag.om{ background-image: url(./img/flags/OM.png); } li.flag.pk { background-image: url(./img/flags/PK.png); } li.flag.pw{ background-image: url(./img/flags/PW.png); } li.flag.ps { background-image: url(./img/flags/PS.png); } li.flag.pa { background-image: url(./img/flags/PA.png); } li.flag.pg { background-image: url(./img/flags/PG.png); } li.flag.py{ background-image: url(./img/flags/PY.png); } li.flag.pe { background-image: url(./img/flags/PE.png); } li.flag.ph{ background-image: url(./img/flags/PH.png); } li.flag.pn { background-image: url(./img/flags/PN.png); } li.flag.pl { background-image: url(./img/flags/PL.png); } li.flag.pt { background-image: url(./img/flags/PT.png); } li.flag.pr { background-image: url(./img/flags/PR.png); } li.flag.qa { background-image: url(./img/flags/QA.png); } li.flag.re { background-image: url(./img/flags/RE.png); } li.flag.ro { background-image: url(./img/flags/RO.png); } li.flag.ru{ background-image: url(./img/flags/RU.png); } li.flag.rw{ background-image: url(./img/flags/RW.png); } li.flag.bl { background-image: url(./img/flags/BL.png); } li.flag.sh{ background-image: url(./img/flags/SH.png); } li.flag.kn { background-image: url(./img/flags/KN.png); } li.flag.lc{ background-image: url(./img/flags/LC.png); } li.flag.mf{ background-image: url(./img/flags/MF.png); } li.flag.pm{ background-image: url(./img/flags/PM.png); } li.flag.vc{ background-image: url(./img/flags/VC.png); } li.flag.ws { background-image: url(./img/flags/WS.png); } li.flag.sm{ background-image: url(./img/flags/SM.png); } li.flag.st { background-image: url(./img/flags/ST.png); } li.flag.sa { background-image: url(./img/flags/SA.png); } li.flag.sn { background-image: url(./img/flags/SN.png); } li.flag.rs { background-image: url(./img/flags/RS.png); } li.flag.sc{ background-image: url(./img/flags/SC.png); } li.flag.sl { background-image: url(./img/flags/SL.png); } li.flag.sg { background-image: url(./img/flags/SG.png); } li.flag.sx{ background-image: url(./img/flags/SX.png); } li.flag.sk { background-image: url(./img/flags/SK.png); } li.flag.si { background-image: url(./img/flags/SI.png); } li.flag.sb { background-image: url(./img/flags/SB.png); } li.flag.so { background-image: url(./img/flags/SO.png); } li.flag.za { background-image: url(./img/flags/ZA.png); } li.flag.gs { background-image: url(./img/flags/GS.png); } li.flag.ss { background-image: url(./img/flags/SS.png); } li.flag.es { background-image: url(./img/flags/ES.png); } li.flag.lk { background-image: url(./img/flags/LK.png); } li.flag.sd { background-image: url(./img/flags/SD.png); } li.flag.sr { background-image: url(./img/flags/SR.png); } li.flag.sj{ background-image: url(./img/flags/SJ.png); } li.flag.sz{ background-image: url(./img/flags/SZ.png); } li.flag.se { background-image: url(./img/flags/SE.png); } li.flag.ch{ background-image: url(./img/flags/CH.png); } li.flag.sy{ background-image: url(./img/flags/SY.png); } li.flag.tw{ background-image: url(./img/flags/TW.png); } li.flag.tj{ background-image: url(./img/flags/TJ.png); } li.flag.tz{ background-image: url(./img/flags/TZ.png); } li.flag.th{ background-image: url(./img/flags/TH.png); } li.flag.tl { background-image: url(./img/flags/TL.png); } li.flag.tg { background-image: url(./img/flags/TG.png); } li.flag.tk { background-image: url(./img/flags/TK.png); } li.flag.to { background-image: url(./img/flags/TO.png); } li.flag.tt { background-image: url(./img/flags/TT.png); } li.flag.tn { background-image: url(./img/flags/TN.png); } li.flag.tr { background-image: url(./img/flags/TR.png); } li.flag.tm{ background-image: url(./img/flags/TM.png); } li.flag.tc{ background-image: url(./img/flags/TC.png); } li.flag.tv { background-image: url(./img/flags/TV.png); } li.flag.ug { background-image: url(./img/flags/UG.png); } li.flag.ua { background-image: url(./img/flags/UA.png); } li.flag.ae { background-image: url(./img/flags/AE.png); } li.flag.gb { background-image: url(./img/flags/GB.png); } li.flag.us { background-image: url(./img/flags/US.png); } li.flag.um{ background-image: url(./img/flags/UM.png); } li.flag.uy{ background-image: url(./img/flags/UY.png); } li.flag.uz{ background-image: url(./img/flags/UZ.png); } li.flag.vu{ background-image: url(./img/flags/VU.png); } li.flag.ve { background-image: url(./img/flags/VE.png); } li.flag.vn { background-image: url(./img/flags/VN.png); } li.flag.vg { background-image: url(./img/flags/VG.png); } li.flag.vi { background-image: url(./img/flags/VI.png); } li.flag.wf{ background-image: url(./img/flags/WF.png); } li.flag.eh{ background-image: url(./img/flags/EH.png); } li.flag.ye { background-image: url(./img/flags/YE.png); } li.flag.zm{ background-image: url(./img/flags/ZM.png); } li.flag.zw{ background-image: url(./img/flags/ZW.png); } /* ========================================================================== 25. Author's custom styles ========================================================================== */ /* Icon Font Examples for Preview only */ .icon { width: 75px; display: inline-block; } /* Icon Font Examples */ .icon-thirds li { padding-left: 0!important; display: inline-block; width: 32%; font-size: 14px; } .icon-thirds li:before { display: none; } .icon-thirds li:hover .fa { -webkit-transform: scale(2) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); -ms-transform: scale(2) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); transform: scale(2) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg); } .icon-thirds li i:before { padding-right: 10px; font-size: 16px; } /* Addthis Examples for Preview only */ .addthis_toolbox.addthis_default_style { text-align: center; margin-top: 1.5em; } .addthis_toolbox.addthis_default_style a { float: none; } .twitter-share-button, #___plusone_0{ width: 80px!important; } .fb_edge_widget_with_comment { margin-left: 2em; } /* Facebook */ #fb-root { display: none; } .fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] { width: 100%!important; } .nope { margin: 0; } /********************************************** MULTI POST **********************************************/ .multi_navigation_hint { float: right; font-style: italic; font-size: 12px; } .link-multipages { width: 50%; display: inline; } .link-multipages a:first-child i { margin-right: 10px; } .link-multipages a:last-child i { margin-left: 10px; } .multi_nav_control { border-top-style: solid; border-top-width: 1px; border-bottom-style: solid; border-bottom-width: 1px; margin-bottom: 20px; padding: 7px 0; } /********************************************** BLOCK: SUPPORTERS **********************************************/ .social-thumbs img { height: 77px; width: auto; } /* ========================================================================== 26. Fonts ========================================================================== */ /* @font-face { font-family: 'league_gothicregular'; src: url('fonts/leaguegothic-regular-webfont.eot'); src: url('fonts/leaguegothic-regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/leaguegothic-regular-webfont.woff') format('woff'), url('fonts/leaguegothic-regular-webfont.ttf') format('truetype'), url('fonts/leaguegothic-regular-webfont.svg#league_gothicregular') format('svg'); font-weight: normal; font-style: normal; } */ @font-face { font-family: 'bulletsregular'; src: url('fonts/bullets-webfont.eot'); src: url('fonts/bullets-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/bullets-webfont.woff') format('woff'), url('fonts/bullets-webfont.ttf') format('truetype'), url('fonts/bullets-webfont.svg#bulletsregular') format('svg'); font-weight: normal; font-style: normal; } /* @font-face { font-family: 'robotobold'; src: url('fonts/roboto-bold-webfont.eot'); src: url('fonts/roboto-bold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/roboto-bold-webfont.woff') format('woff'), url('fonts/roboto-bold-webfont.ttf') format('truetype'), url('fonts/roboto-bold-webfont.svg#robotobold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'robotoregular'; src: url('fonts/roboto-regular-webfont.eot'); src: url('fonts/roboto-regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/roboto-regular-webfont.woff') format('woff'), url('fonts/roboto-regular-webfont.ttf') format('truetype'), url('fonts/roboto-regular-webfont.svg#robotoregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'robotomedium'; src: url('fonts/Roboto-Medium-webfont.eot'); src: url('fonts/Roboto-Medium-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/Roboto-Medium-webfont.woff') format('woff'), url('fonts/Roboto-Medium-webfont.ttf') format('truetype'), url('fonts/Roboto-Medium-webfont.svg#robotomedium') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'RobotoCondensed'; src: url('fonts/Roboto-Condensed-webfont.eot'); src: url('fonts/Roboto-Condensed-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/Roboto-Condensed-webfont.woff') format('woff'), url('fonts/Roboto-Condensed-webfont.ttf') format('truetype'), url('fonts/Roboto-Condensed-webfont.svg#RobotoCondensed') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'roboto_condensedbold'; src: url('fonts/RobotoCondensed-Bold-webfont.eot'); src: url('fonts/RobotoCondensed-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/RobotoCondensed-Bold-webfont.woff') format('woff'), url('fonts/RobotoCondensed-Bold-webfont.ttf') format('truetype'), url('fonts/RobotoCondensed-Bold-webfont.svg#roboto_condensedbold') format('svg'); font-weight: normal; font-style: normal; } */ @font-face { font-family: 'socialicoregular'; src: url('fonts/socialico-webfont-webfont.eot'); src: url('fonts/socialico-webfont-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/socialico-webfont-webfont.woff') format('woff'), url('fonts/socialico-webfont-webfont.ttf') format('truetype'), url('fonts/socialico-webfont-webfont.svg#socialicoregular') format('svg'); font-weight: normal; font-style: normal; } /* ========================================================================== 27. Helper classes ========================================================================== */ .clearfix:before, .clearfix:after { content: " "; display: table; } .clearfix:after { clear: both; } .clearfix { *zoom: 1; } .last { margin-right: 0!important; padding-right: 0!important; } .first { margin-left: 0!important; padding-left: 0!important;} .tableless, .tableless th, .tableless tr, .tableless td { background: none!important; border: none!important; padding: 0px!important; } .centered { text-align: center!important; } .top-margin-x6 { margin-top: 6em; } .top-margin-x4 { margin-top: 4em; } .vertical-spacer { height: 200px; clear: both; } /* ========================================================================== 28. Print styles ========================================================================== */ @media print { * { background: transparent !important; color: #000 !important; box-shadow:none !important; text-shadow: none !important;} a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")";} abbr[title]:after { content: " (" attr(title) ")"; } .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } img { max-width: 100% !important; page-break-inside: avoid; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } } /* ========================================================================== 29. Misc. MB ========================================================================== */ .wp-caption { margin: 0; border: none; max-width: 100%; } .wp-caption-text { margin-top: 0; border-left-style: solid; border-left-width: 2px; padding-left: 5px; } .sticky h2:before { content: "q"; display: inline-block; font-family: 'bulletsregular'; font-size: 26px; position: absolute; left: -20px; top: 1px; } .sticky h2 { position: relative; } .gallery img { border: none!important; } .gallery-caption { position: relative; } .bypostauthor { position: relative; } .alignright {float:right; } .alignleft {float:left; } .aligncenter {display: block; margin-left: auto; margin-right: auto} 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} .size-auto, .size-full, .size-large, .size-medium, .size-thumbnail, .size-auto img, .size-full img, .size-large img, .size-medium img, .size-thumbnail img { max-width: 100%; height: auto; } /* download block styles */ .download-table .fa { font-size: 60px; margin-top: 40px; } .download-table .price-cell.content { text-align: left; padding: 1em; } .download-table .price-cell.content h3 { margin-top: 5px; margin-bottom: 5px; } /* sermon block styles */ .pb_sermon .sermon_wrapper { border-bottom-style: solid; border-bottom-width: 1px; padding-bottom: 2em; } .sermon_wrapper { width: 100%; } .sermon_image { float: left; max-width: 20%; margin-right: 1.5em; } .sermon_description { max-width: 70%; } .sermon_title h1 { margin: 0; } .sermon_meta { font-size: 12px; margin-bottom: 10px; } .sermon_meta a { } .sermon_links { float: right; border-style: solid; border-width: 1px; width: 25%; text-align: center; border-radius: 3px; } .sermon_links ul { margin: 0; padding-top: .5em; padding-bottom: .5em; } .sermon_links ul li { display: inline-block; font-size: 46px; padding: .25em; } .sermon_links ul li:before { content: ""; } /* Events Block */ .tribe-event-tickets-plus-meta-attendee > header { text-align: left; font-size: 1.2em; font-weight: 700; margin: 0 0 1em 0; text-transform: none; } .tribe-event-tickets-plus-meta label { text-align: left; } .tribe-event-tickets-plus-meta input[type="text"], .tribe-event-tickets-plus-meta input[type="email"], .tribe-event-tickets-plus-meta input[type="url"], .tribe-event-tickets-plus-meta input[type="password"], .tribe-event-tickets-plus-meta textarea { width: 100% !important; } .tribe-events-tcblock { border-style: solid; border-width: 1px; box-sizing: border-box; padding: 1em; margin-top: 1em; margin-bottom: 2em; position: relative; } .tribe-events-event-cost span { border-radius: 50%; text-align: center; min-width: 38px; min-height: 38px; font-size: 13px; box-sizing: border-box; position: absolute; right: -10px; top: -10px; padding-top: .6em; } .tribe-events-event-cost i { margin-right: 5px; } .tribe-events-tcblock .tribe-events-event-image { float: right; max-width: 33%; margin-left: 1em; margin-top: 1em; margin-bottom: 0; } .tribe-events-tcblock .tribe-events-venue-details *{ display: inline-block; } .tribe-events-tcblock .tribe-events-address .adr { font-style: normal; } .tribe-events-tcblock .tribe-events-read-more { border: none; font-weight: normal; font-size: 14px; padding: .4em 1.2em; white-space: normal; text-align: center; display: inline-block; -webkit-transition: all 150ms ease-in-out; -ms-transition: all 150ms ease-in-out; transition: all 150ms ease-in-out; margin-bottom: .5em; margin-top: .5em; text-decoration: none; } .tribe-events-list-widget ol li:before { content: ""!important; font-family: 'FontAwesome'!important; font-size: 12px; left: 0px; top: -2px; position: absolute; text-transform: lowercase; } .tribe-events-back a { color: #4b525d; display: none!important; } .tribe-tickets-attendees-list-optout { display: none; } .tribe-events-tickets td { text-align: center; padding: 10px !important; } .single-tribe_events #tribe-events-content div.cart, .single-tribe_events #tribe-events-content form.cart { margin: 0 !important; } /* Rev Slider Fix */ .rev_slider ul li, .rev_slider > ul > li, .rev_slider > ul > li:before { position: absolute!important; } .tp-bullets.round div { border-radius: 50%; } .tp-bullets.simplebullets.round .bullet { width: 14px; height: 14px; } .tp-button { background-image: none; color: #fff !important; font-weight: normal; font-size: 18px; padding: .4em 1.8em; white-space: normal; text-align: center; cursor: pointer; letter-spacing: 0px; line-height: 1!important; text-decoration: none; text-shadow: none!important; white-space: nowrap; } /* nav*/ .nav-right { margin-top: 28px; border-bottom: 1px #fff solid; } .nav-right p { float: left; font-family: 'Source Sans Pro', sans-serif; color: #720062; } .nav-right a { float: right; } .button { display: inline-block; vertical-align: middle; /* line-height: 32px; */ /* padding: 6px 12px; */ position: relative; overflow: hidden; background-color: transparent; border: 2px solid #B7916C; transition: background-color 150ms ease-in-out; clear: none; } body .header-container .nav .button:not(.donate) { margin-left: 10px; } body .header-container .nav .button.donate { background-color: #B7916C; margin: 0 1.5em; margin-right: 10px; } nav .button:hover { background-color: #B7916C; } nav .button.donate:hover { background-color: transparent; } .button:hover { background-color: #B7916C; } .button a:hover, .button:hover a { text-decoration: none; color: #fff !important; background: transparent !important; } .button.donate:hover { background-color: transparent !important; } .nav-right .button { margin-left: 10px; } #nav a { color: #fff; } body #nav a:hover, body #nav ul a:hover { color: #fff; } body #nav ul a:hover { background: rgba(255,255,255,0.1); } @media screen and (max-width: 1240px) { .nav-right { padding-bottom: 17px; } .nav-right p { display: none; } } @media screen and (max-width: 768px) { .header-container header { text-align: right; } .nav-right { border-bottom: none; } #nav-wrap .fa { display: block; } #nav-wrap #menu-icon { background: none !important; color: #666; text-align: center; line-height: 1; font-size: 16px; } } @media screen and (max-width: 480px) { .nav-right .button:not(.donate) { display: none; } .nav-right .button { padding: 7px 30px; line-height: 1.2; } } /* end nav */ /* slider */ .tp-caption.Kause-MainHeading { font-family: 'Source Sans Pro', sans-serif !important; font-size: 33px !important; line-height: 42px !important; } .tp-caption img { border: 10px #fff solid !important; box-shadow: 5px 5px 30px rgba(0,0,0,0.25); } .tp-caption.Kause-SubHeading { font-family: 'Source Sans Pro', sans-serif !important; font-size: 19px !important; } @media screen and (max-width: 1550px) { .tp-caption.Kause-MainHeading, .tp-caption.Kause-SubHeading { padding-left: 60px !important; box-sizing: border-box; } .tp-caption img { -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); } } @media screen and (max-width: 1000px) { .tp-caption img { -webkit-transform: scale(0.75); -ms-transform: scale(0.75); transform: scale(0.75); margin-left: -60px !important; } .tp-caption.Kause-MainHeading, .tp-caption.Kause-SubHeading { margin-top: -40px !important; } .tp-caption.Kause-MainHeading { font-size: 25px !important; line-height: 38px !important; } .tp-caption.Kause-MainHeading .tp-button { font-size: 15px !important; } } @media screen and (max-width: 767px) { .tp-caption.Kause-MainHeading, .tp-caption.Kause-SubHeading { padding-left: 35px !important; } .tp-caption.Kause-MainHeading { font-size: 23px !important; line-height: 33px !important; } .tp-caption.Kause-SubHeading { font-size: 18px !important; } .tp-caption.Kause-MainHeading .tp-button { padding: 10px 76px 10px 16px !important; } .tp-caption.Kause-MainHeading .tp-button:after { width: 51px; line-height: 53px; font-size: 20px; } .tparrows { display: none !important; } } .termsandcond-wraper { position: relative; } .termsandcond-wraper .termsandcond { position : absolute; top : 50%; left : 50%; transform: translate(-50%, -50%); } .termsandcond-txt { text-align: left !important; } @media screen and (max-width: 600px) { .tribe-event-tickets-plus-meta { display: block !important; } .tribe-events-style-full .tribe-events-tickets td:not(.add-to-cart), .tribe-events-tickets td:not(.add-to-cart) { display: block!important; } .woocommerce.add-to-cart { width: 100%; } .tp-caption.Kause-MainHeading, .tp-caption.Kause-SubHeading { padding-left: 20px !important; } .tp-caption.Kause-MainHeading { font-size: 20px !important; line-height: 26px !important; } .tp-caption.Kause-SubHeading { font-size: 17px !important; } .tp-caption.Kause-MainHeading .tp-button { padding: 8px 72px 9px 8px !important; } .tp-caption.Kause-MainHeading .tp-button:after { width: 48px; line-height: 49px; font-size: 19px; } .tp-caption img { -webkit-transform: scale(0.78); -ms-transform: scale(0.78); transform: scale(0.78); margin-left: -48px !important; border-width: 8px !important; } } @media screen and (max-width: 500px) { .tp-caption.Kause-MainHeading, .tp-caption.Kause-SubHeading { padding-left: 12px !important; } .tp-caption.Kause-MainHeading { font-size: 19px !important; line-height: 24px !important; } .tp-caption.Kause-SubHeading { font-size: 16px !important; } .tp-caption.Kause-MainHeading .tp-button { padding: 6px 65px 9px 8px !important; } .tp-caption.Kause-MainHeading .tp-button:after { width: 45px; line-height: 48px; font-size: 18px; } .tp-caption img { margin-left: -25px !important; border-width: 7px !important; } } @media screen and (max-width: 450px) { .tp-caption.Kause-MainHeading, .tp-caption.Kause-SubHeading { padding-left: 9px !important; } .tp-caption.Kause-MainHeading { font-size: 18px !important; line-height: 22px !important; } .tp-caption.Kause-MainHeading .tp-button { padding: 4px 55px 9px 8px !important; } .tp-caption.Kause-MainHeading .tp-button:after { width: 41px; line-height: 47px; } .tp-caption img { margin-left: -15px !important; border-width: 6px !important; } } /*@media screen and (max-width: 500px) { .fullwidthbanner-container, .fullwidthbanner-container .fullwidthabanner { height: 520px !important; } .tp-parallax-wrap, .tp-loop-wrap, .tp-mask-wrap { position: static !important; } .slotholder, .tp-bgimg.defaultimg { position: absolute; } .rev_slider .tp-caption, .rev_slider .caption { position: relative; } .tp-caption img { margin-left: 0 !important; } }*/ .tp-caption.Kause-SubHeading, .tp-caption.Kause-MainHeading { text-shadow: 1px 1px 0px rgba(255,255,255,0.25) !important; } .tp-button, .social-thumbs + .wrapper .btn { margin-top: 20px !important; clear: both; display: inline-block; vertical-align: middle; line-height: 32px !important; padding: 13px 80px 13px 20px !important; position: relative; overflow: hidden; box-shadow: 1px 1px 0 rgba(0,0,0,0.25); transition: background-color 150ms ease-in-out !important; box-sizing: content-box; } .tp-button.tp-grey { font-style: normal; } /* .tp-button.tp-grey { background-color: #afabab; padding: 10px 30px !important; font-size: 16px; } .tp-button.tp-grey:after { display: none !important; } */ .tp-button:after, .social-thumbs + .wrapper .btn:after { content: "\f054"; font: normal normal normal 14px/1 FontAwesome; display: block; position: absolute; right: 0; top: 0; height: 100%; width: 56px; text-align: center; line-height: 56px; background-color: #7f1a76; font-size: 22px; color: #d6b3d1; transition: background-color 150ms ease-in-out, color 150ms ease-in-out; } .social-thumbs + .wrapper .btn { background-color: #700065; padding: 10px 65px 10px 15px !important; font-size: 17px; } .social-thumbs + .wrapper .btn:after { width: 52px; font-size: 20px; line-height: 54px; } .social-thumbs + .wrapper .btn:hover { background-color: #9d4d94; } .tp-button:hover:after, .tp-button:after:hover, .social-thumbs + .wrapper .btn:hover:after, .social-thumbs + .wrapper .btn:after:hover { background-color: #9d4d94; color: #fff; } a:focus { outline: none; } .hesperiden.tparrows { background: rgba(112,0,100,0.5); transition: background-color 150ms ease-in-out; } .hesperiden.tparrows.tp-leftarrow:before { content: "\f104" !important; font-family: FontAwesome !important; font-size: 27px; line-height: 39px; } .hesperiden.tparrows.tp-rightarrow:before { content: "\f105" !important; font-family: FontAwesome !important; font-size: 27px; line-height: 39px; } .hesperiden.tparrows:hover { background: rgba(112,0,100,1); } /* end slider */ /* videoblock */ .outter-wrapper.parallax-block:before { content: ''; display: block; position: absolute; z-index: -1; top: 0; left: 0; width: 100%; height: 195px; background: #1e5799; background: -moz-linear-gradient(top, #1e5799 0%, #3c6eb5 100%); background: -webkit-linear-gradient(top, #1e5799 0%,#3c6eb5 100%); background: linear-gradient(to bottom, #1e5799 0%,#3c6eb5 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#3c6eb5',GradientType=0 ); } /* end videoblock */ /* widgets */ .main-container .widget-title { background-color: #720062; color: #f1e5ef; font-family: "Source Sans Pro", sans-serif; font-size: 18px; padding: 16px 18px; } .statistics li { font-family: "Source Sans Pro", sans-serif !important; } .statistics li span { font-size: 15px; } a.link, .rpwe-block a.more-link { display: block !important; color: #720062; font-family: "Source Sans Pro", sans-serif; font-size: 16px; text-decoration: none; } a.link:hover, .rpwe-block a.more-link:hover { color: #aa66a3; text-decoration: underline; } a.more-link { margin-top: 1.5em; } .rpwe-block ul li { padding-top: 0; } .rpwe-block li { border-bottom: 0 !important; } .rpwe-block h3 { clear: both; } .rpwe-block h3 a { color: #413a40; font-family: "Source Sans Pro", sans-serif; font-size: 15px; } .rpwe-time { display: block; margin-top: 5px; margin-bottom: 8px; color: #999 !important; font-size: 13px !important; } .rpwe-summary { font-size: 16px !important; line-height: 25px; } img.rpwe-thumb { padding: 0 !important; border: none !important; float: none; } /* end widgets */ /* events */ .pb_featured_posts .text-seperator { background-color: #d27f33; height: auto; line-height: 1; margin: 10px 0; padding: 20px; } .pb_featured_posts .text-seperator h5 { position: static; background: none; color: #fff; font-family: "Source Sans Pro", sans-serif; font-size: 18px; line-height: 1; text-shadow: 1px 1px 1px rgba(0,0,0,0.15); } .pb_featured_posts .text-seperator a { position: static; background: none !important; color: #fff !important; font-family: "Source Sans Pro", sans-serif !important; font-size: 17px; text-shadow: 1px 1px 1px rgba(0,0,0,0.15); border: none !important; } .pb_featured_posts .text-seperator a:hover { background: none !important; color: #fff !important; text-decoration: underline; } #tribe-events .tribe-events-button { background-color: #720062; } #tribe-events .tribe-events-button:hover { background-color: #9d4d94; } .tribe-events-style-full .outter-wrapper hr { margin: 0; padding: 0; border: none; height: 0; } .tribe-events-style-full .outter-wrapper .main-container { background-image: none !important; background-position: center; background-repeat: no-repeat; background-size: cover; } #tribe-bar-form { padding: 30px; background-color: #fff !important; } .tribe-bar-filters input[type="text"] { background: #f4f4f4 !important; padding: 15px 10px !important; border-bottom: 0 !important; } .tribe-bar-submit input[type=submit] { padding: 14px 10px !important; margin-top: 9px !important; background-color: #720062 !important; } .tribe-bar-submit input[type=submit]:hover { background-color: #9d4d94 !important; } #tribe-bar-form #tribe-bar-views { width: 100%; position: static; float: none; padding: 0; } #tribe-bar-form #tribe-bar-views+.tribe-bar-filters { position: static; width: 100%; float: none; } .tribe-bar-views-inner { background: none; } #tribe-bar-form label { display: inline-block; font-size: 14px; font-family: "Source Sans Pro", sans-serif; vertical-align: bottom; padding-left: 0; } #tribe-bar-views .tribe-bar-views-list { display: inline-block; width: auto; position: static; float: none; } #tribe-bar-views .tribe-bar-views-option.tribe-bar-active, #tribe-bar-views .tribe-bar-views-option, #tribe-bar-views.tribe-bar-views-open .tribe-bar-views-option { display: inline-block !important; } .tribe-bar-views-list li.tribe-bar-views-option-month:before { display: none; content: none; } #tribe-bar-views .tribe-bar-views-list .tribe-bar-views-option a { background: none; } .tribe-bar-mini .tribe-bar-views-inner { padding: 0 0 18px; } .tribe-bar-mini .tribe-bar-date-filter { padding: 10px 10px 10px 0px; } .tribe-bar-mini .tribe-bar-submit { padding-right: 0; } .tribe-bar-submit { width: 19%; } .tribe-bar-views-list span { background: none !important; padding-left: 0 !important; font-size: 16px !important; } .tribe-bar-mini #tribe-bar-views .tribe-bar-views-list .tribe-bar-views-option a { padding: 4px 17px; color: #414141; } .tribe-bar-views-list a:hover { background: none !important; } .tribe-bar-views-list a:hover span, .tribe-bar-active span { color: #720062; } h2.tribe-events-page-title { font-size: 35px; text-align: left; color: #720062; margin-top: 0; } .events-list .tribe-events-loop, .single-tribe_organizer .tribe-events-loop, .single-tribe_venue .tribe-events-loop, .tribe-events-day .tribe-events-loop { max-width: none; } .tribe-events-list-separator-month { border: none; overflow: hidden; height: auto; margin: 1em 0; } .tribe-events-list-separator-month:after { display: none; content: none; } .tribe-events-list-separator-month span { background: none !important; color: #fff !important; top: auto; font-size: 30px; text-transform: none; font-family: "Source Sans Pro", sans-serif !important; } .tribe-events-list-separator-month span:after { content: ''; border-bottom: 1px solid #fff; height: 1px; width: 900%; display: block; position: absolute; top: 45%; left: 100%; right: 0; z-index: -1; } .tribe-events-list .type-tribe_events { background-color: #fff; padding: 20px; margin-bottom: 20px; } .tribe-events-list .type-tribe_events h2 { font-family: "Source Sans Pro", sans-serif; } .tribe-events-list .type-tribe_events h2 a { color: #720062; } .tribe-events-loop .hentry { padding: 30px !important; } .tribe-events-loop .hentry .tribe-events-event-image { margin-left: 0; margin-right: 0; } .tribe-events-list .tribe-events-event-image+div.tribe-events-content { width: 70%; padding-right: 20px; box-sizing: border-box; } .tribe-events-loop .tribe-events-event-meta *, .widget.sport_single_event .tribe-events-event-meta * { font-size: 15px; line-height: 17px; } #tribe-events-content .updated { display: inherit; } .tribe-events-venue-details, .tribe-events-gmap { color: #720062 !important; } .tribe-events-venue-details span, .tribe-events-venue-details abbr, .tribe-events-gmap { font-family: "Source Sans Pro", sans-serif !important; } .tribe-events-list .tribe-events-event-cost span { font-weight: 700; background: #db995c; border: none; display: block; padding: 5px 0px; text-align: center; line-height: 54px; font-style: normal; text-overflow: ellipsis; font-family: "Source Sans Pro", sans-serif !important; font-size: 24px; width: 62px; height: 62px; right: -20px; top: -20px; } .tribe-events-list .tribe-events-event-cost span i { display: block; line-height: 0; font-style: normal; font-size: 14px; margin-top: 11px; margin-bottom: -9px; } #tribe-events-content.tribe-events-single { background-color: #fff; padding: 25px; width: auto; } .single-tribe_events .secondary .tribe-events-venue-map { width: 100%; margin: 0; padding: 0; border: none; } .single-tribe_events h2.tribe-events-single-event-title { color: #720062; } #tribe-events-content .updated { position: static; border: none; margin: 0; padding: 0; } #tribe-events-content .updated h2 { margin-top: 0; } .tribe-events-single .tribe-events-schedule .tribe-events-cost { background: #db995c !important; border: none; display: block; padding: 5px 0px; text-align: center; line-height: 54px; text-overflow: ellipsis; font-family: "Source Sans Pro", sans-serif !important; font-size: 24px; width: 62px; height: 62px; right: -20px; top: -20px; border-radius: 50%; box-sizing: border-box; color: #fff !important; } .tribe-events-cost i { display: block; color: #fff !important; font-size: 14px; line-height: 0; margin-top: 10px; margin-bottom: -8px; } .tribe-events-calendar thead th, .tribe-events-calendar tbody td div { color: #720062 !important; } .tribe-events-calendar td.tribe-events-present div[id*=tribe-events-daynum-] { background-color: #720062; color: #fff !important; } @media screen and (max-width: 480px) { input[type=text], input[type=email], input[type=password], textarea, a.btn, input[type=button], input[type=submit] { width: auto !important; } .pb_featured_posts .text-seperator { padding: 20px 10px; } .pb_featured_posts .text-seperator h5, .pb_featured_posts .text-seperator a { font-size: 15px; } } /* end events */ /* sidebar */ .right-aside { border-left: none; padding-left: 0; margin-top: 76px; } .right-aside .widget { background-color: #fff; padding: 25px 15px; } .main-container .right-aside .widget-title { background: none; color: #720062; font-size: 23px; font-family: "Source Sans Pro", sans-serif; text-transform: none; padding: 0; margin-top: 0; } .right-aside .entry-title a { color: #720062; font-size: 17px; } .right-aside .widget li { padding-left: 0; margin-left: 0; margin-bottom: 5px; border: none; } .right-aside .widget li:before { display: none; content: none; } .duration { font-family: "Source Sans Pro", sans-serif !important; } .tribe-events-widget-link { margin-bottom: 0 !important; } .tribe-events-widget-link a { margin-bottom: 0 !important; } /* end sidebar */ /* main content */ .pb_block:first-child .main-content, .outter-wrapper + .pb_block:first-child .main-content, .outter-wrapper:not(.pb_block) .main-content { margin-top: 60px; } .main-content h1 { margin-top: 0; margin-bottom: 15px; font-size: 44px; text-transform: none; color: #872175; font-weight: bold; } /* end main content */ /* feature */ .feature .royal-logo { width: auto; float: left; padding-right: 30px; } .feature p { font-size: 20px; line-height: 1.5; margin-top: 7px; margin-bottom: 0; } @media screen and (max-width: 480px) { .feature .royal-logo { width: auto; float: right; padding-right: 0; padding-left: 10px; width: 86px; } .social-thumbs { margin: 5.5em auto 2em; } .social-thumbs + .wrapper h2 { top: 40px; font-size: 30px; } .social-thumbs + .wrapper p { text-align: left; font-size: 16px; } } /* end feature */ /* footer */ .widget-footer { background-color: #003057 !important; line-height: 1.4; padding: 40px 0 50px; } .widget-footer h3 { font-size: 24px; color: #fff !important; text-transform: none; margin-bottom: 20px; font-weight: bold; } .widget-footer #text-10 { margin-top: 40px; } .widget-footer strong { color: #B7916C !important; margin-bottom: 10px !important; } .widget-footer a { color: #e5b285 !important; text-decoration: none; } .widget-footer a:hover { color: #fff !important; text-decoration: none; } footer.outter-wrapper { background: #003057 !important; } footer.outter-wrapper .wrapper { border-top: 2px solid #B7916C; } footer.outter-wrapper .wrapper .clearfix { display: flex; } .foot { margin-top: 30px; margin-bottom: 30px; font-size: 1em; } .foot-nav { flex-grow: 1; text-align: right; font-size: 1em; margin: 30px 0; color: #fff; } .foot-nav a { color: #B7916C; text-transform: none; margin-right: 10px; display: inline-block; } .foot-nav a.privacy_link { margin-right: 20px; } .foot-nav a.social_link { color: #fff; font-size: 24px; } @media (max-width: 767px) { .single-tribe_events .secondary .tribe-events-venue-map { width: 100%; } .foot-nav a { display: block; padding: 8px 3px; } #nav { background-color: #720062 !important; } } .foot a { margin-left: 30px; } .foot, .foot a { color: #CCC; } .foot-nav a:hover, .foot a:hover { text-decoration: underline; } .widget-footer #searchform { position: relative; } .widget-footer #searchform input { background:rgba(255,255,255,0.2) !important; border-radius: 0; padding: 10px 10px 10px 35px; } .widget-footer #searchform input::-webkit-input-placeholder, .widget-footer input::-webkit-input-placeholder { color: #fff; } .widget-footer #searchform input:-moz-placeholder, .widget-footer input:-moz-placeholder { /* Firefox 18- */ color: #fff; } .widget-footer #searchform input::-moz-placeholder, .widget-footer input::-moz-placeholder { /* Firefox 19+ */ color: #fff; } .widget-footer #searchform input:-ms-input-placeholder, .widget-footer input:-ms-input-placeholder { color: #fff; } .widget-footer #searchform .btn { position: absolute; top: 0; background: none !important; left: 0; margin: 0; height: 100%; padding: 0; width: 40px; border: 0 !important; } @media screen and (max-width: 768px) { .widget-footer { padding: 20px 0 50px; } .widget-footer div.widget { border-color: #fff !important; } .widget-footer .wrapper { padding: 0 1.5em; } } /* end footer */ /* shop */ .woocommerce div.quantity input.qty { border-right: 1px solid #c7c0c7; } .woocommerce div.product div.images img, .woocommerce #content div.product div.images img, .woocommerce-page div.product div.images img, .woocommerce-page #content div.product div.images img { width: auto !important; } .woocommerce div.product div.images, .woocommerce #content div.product div.images, .woocommerce-page div.product div.images, .woocommerce-page #content div.product div.images { width: auto !important; } .woocommerce div.product div.summary, .woocommerce #content div.product div.summary, .woocommerce-page div.product div.summary, .woocommerce-page #content div.product div.summary { float: left !important; width: 48% !important; padding-left: 30px !important; box-sizing: border-box !important; } .woocommerce ul.products li.product h3, .woocommerce-page ul.products li.product h3 { min-height: 81px; } .product a { color: #720062; } .product a:hover h3 { text-decoration: underline !important; } .sku_wrapper { display: none !important; } /* end shop */ /* alumni */ .page-template-page-full-background .outter-wrapper .main-container { background-image: url(img/committee-bg.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; } .page-template-page-full-background .main-content { padding: 0 30px; } .page-template-page-full-background:not(.page-id-1561) .main-content { padding: 20px; background-color: #fff; box-sizing: border-box; } .page-template-page-full-background .right-aside { margin-top: 60px; } .committee { border-collapse: separate; background: none !important; border: none !important; border-spacing: 30px; margin: 0 -30px; width: calc(100% + 60px) !important; } .committee tr { background: none !important; } .committee td { width: 25%; background-color: #fff !important; padding: 20px 20px 0 !important; } .committee td:empty { background: none !important; border: none !important; margin: 0; padding: 0; } .committee td img { margin: -19px -19px 0; width: auto; max-width: none; } .committee img { margin-bottom: 0; } .committee p { font-size: 14px; line-height: 1.7; } .page-id-1561 .main-content h4 { width: 75%; float: left; margin-top: 0; padding-right: 20px; box-sizing: border-box; color: #720062; } .page-id-1561 .main-content h4 + p { float: left; margin-top: 0; padding-left: 25px; box-sizing: border-box; width: 25%; } .alumni-img { margin-left: 0 !important; } .alumn-bottom td { background: #fff !important; border: none !important; padding-bottom: 0 !important; text-align: center; } .alumn-bottom img { margin-bottom: 0; } @media screen and (max-width: 1350px) { .page-id-1561 .main-content { padding: 0 15px; } .committee { border-spacing: 15px; margin: 0 -15px; width: calc(100% + 30px) !important; } .page-id-1561 .main-content h4 + p { padding-left: 10px; } } @media screen and (max-width: 767px) { .page-id-1561 .main-content { padding: 0 0; } .committee { border-spacing: 0; margin: 0 0; width: 100% !important; } .committee td, .alumn-bottom td { width: 100%; display: block; margin-bottom: 20px; box-sizing: border-box; clear: both; } .alumn-bottom td img { float: none; } .page-id-1561 .main-content h4 { width: 100%; padding-right: 0; } .page-id-1561 .main-content h4 + p { width: 100%; padding-left: 0; } } /* end alumni */ /* misc */ body:not(.home) .sticky-header-wrapper + .outter-wrapper.feature { display: none; } .min-width { min-width: 145px; } .dataTables_wrapper table.tablepress { margin-bottom: 20px !important; } .dataTables_filter { margin-bottom: 20px; } .dataTables_filter label { padding-right: 0; } .tablepress .sorting:hover { color: #fff; } @media screen and (max-width: 480px) { iframe { max-height: none !important; } } /* end misc */ /* news */ .has-post-thumbnail { /* max-width: 600px; */ } /* end news */ /* Registration */ .wppb-description-delimiter { margin-right: 5px; } /* End Registration */ .powered_by_link { display: none !important; } .woocommerce a.added_to_cart, .woocommerce-page a.added_to_cart { background: #720062 ; padding: .9rem .6rem; margin: 0.5rem 0; color: #fff; font-weight: 900; } .tp-caption.Kause-MainHeading, .Kause-MainHeading { font-weight: 900 !important; } .tp-caption.Kause-SubHeading, .Kause-SubHeading { background: #720062; padding: 10px !important; color: #fff !important; text-shadow: none !important; border: none !important; font-weight: normal !important; } .widget-footer input[type=text], .widget-footer input[type=email], .widget-footer input[type=password], .widget-footer input[type=tel], .widget-footer textarea { background: rgba(255,255,255,0.2) !important; border-radius: 0 !important; color: #fff !important; } /* More css updates - 20170927 */ .single-tribe_events .tribe-events-schedule .tribe-events-cost { display: none; } #tribe-events .tribe-events-button, #tribe-events .tribe-events-button.tribe-events-ical { display: none; } .tribe-events-tickets td.tickets_description { text-align: left; } .tribe-events-tickets span.tribe-tickets-remaining { display: none; } .woocommerce .checkout .col2-set .col-1 { width: 100%; } .woocommerce .checkout .col2-set .col-2 { display: none; } @media only screen and (min-width:0px) and (max-width:828px) { .tp-caption img { display: none !important; } } @media only screen and (min-width:0px) and (max-width:600px) { .tp-caption.Kause-MainHeading { max-width: 300px !important; width: 300px !important; padding-top: 20px !important; } } /* From 2018 04 12 */ .page-template-honourwall .main .title h1 { text-align: center; margin-top: 0; margin-bottom: 15px; font-size: 44px; text-transform: none; color: #872175; font-weight: bold; } .page-template-honourwall .main .intro { margin-top: 14px; } .main-content a:not(.btn) { color: #872175; } .main-content h2 > a:not(.btn) { color: #2f353f; } .row { display: flex; flex-wrap:wrap; margin-right: -15px; margin-left: -15px; box-sizing: border-box; } .col-md-4 { margin-bottom : 10px; } .no-gutters { margin-right: 0; margin-left: 0; } .no-gutters > .col, .no-gutters > [class*="col-"] { padding-right: 0; padding-left: 0; } .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto { position: relative; box-sizing: border-box; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px; } .col { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-auto { flex: 0 0 auto; width: auto; max-width: none; } .col-1 { flex: 0 0 8.333333%; max-width: 8.333333%; } .col-2 { flex: 0 0 16.666667%; max-width: 16.666667%; } .col-3 { flex: 0 0 25%; max-width: 25%; } .col-4 { flex: 0 0 33.333333%; max-width: 33.333333%; } .col-5 { flex: 0 0 41.666667%; max-width: 41.666667%; } .col-6 { flex: 0 0 50%; max-width: 50%; } .col-7 { flex: 0 0 58.333333%; max-width: 58.333333%; } .col-8 { flex: 0 0 66.666667%; max-width: 66.666667%; } .col-9 { flex: 0 0 75%; max-width: 75%; } .col-10 { flex: 0 0 83.333333%; max-width: 83.333333%; } .col-11 { flex: 0 0 91.666667%; max-width: 91.666667%; } .col-12 { flex: 0 0 100%; max-width: 100%; } .order-first { order: -1; } .order-last { order: 13; } .order-0 { order: 0; } .order-1 { order: 1; } .order-2 { order: 2; } .order-3 { order: 3; } .order-4 { order: 4; } .order-5 { order: 5; } .order-6 { order: 6; } .order-7 { order: 7; } .order-8 { order: 8; } .order-9 { order: 9; } .order-10 { order: 10; } .order-11 { order: 11; } .order-12 { order: 12; } .offset-1 { margin-left: 8.333333%; } .offset-2 { margin-left: 16.666667%; } .offset-3 { margin-left: 25%; } .offset-4 { margin-left: 33.333333%; } .offset-5 { margin-left: 41.666667%; } .offset-6 { margin-left: 50%; } .offset-7 { margin-left: 58.333333%; } .offset-8 { margin-left: 66.666667%; } .offset-9 { margin-left: 75%; } .offset-10 { margin-left: 83.333333%; } .offset-11 { margin-left: 91.666667%; } @media (min-width: 576px) { .col-sm { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-sm-auto { flex: 0 0 auto; width: auto; max-width: none; } .col-sm-1 { flex: 0 0 8.333333%; max-width: 8.333333%; } .col-sm-2 { flex: 0 0 16.666667%; max-width: 16.666667%; } .col-sm-3 { flex: 0 0 25%; max-width: 25%; } .col-sm-4 { flex: 0 0 33.333333%; max-width: 33.333333%; } .col-sm-5 { flex: 0 0 41.666667%; max-width: 41.666667%; } .col-sm-6 { flex: 0 0 50%; max-width: 50%; } .col-sm-7 { flex: 0 0 58.333333%; max-width: 58.333333%; } .col-sm-8 { flex: 0 0 66.666667%; max-width: 66.666667%; } .col-sm-9 { flex: 0 0 75%; max-width: 75%; } .col-sm-10 { flex: 0 0 83.333333%; max-width: 83.333333%; } .col-sm-11 { flex: 0 0 91.666667%; max-width: 91.666667%; } .col-sm-12 { flex: 0 0 100%; max-width: 100%; } .order-sm-first { order: -1; } .order-sm-last { order: 13; } .order-sm-0 { order: 0; } .order-sm-1 { order: 1; } .order-sm-2 { order: 2; } .order-sm-3 { order: 3; } .order-sm-4 { order: 4; } .order-sm-5 { order: 5; } .order-sm-6 { order: 6; } .order-sm-7 { order: 7; } .order-sm-8 { order: 8; } .order-sm-9 { order: 9; } .order-sm-10 { order: 10; } .order-sm-11 { order: 11; } .order-sm-12 { order: 12; } .offset-sm-0 { margin-left: 0; } .offset-sm-1 { margin-left: 8.333333%; } .offset-sm-2 { margin-left: 16.666667%; } .offset-sm-3 { margin-left: 25%; } .offset-sm-4 { margin-left: 33.333333%; } .offset-sm-5 { margin-left: 41.666667%; } .offset-sm-6 { margin-left: 50%; } .offset-sm-7 { margin-left: 58.333333%; } .offset-sm-8 { margin-left: 66.666667%; } .offset-sm-9 { margin-left: 75%; } .offset-sm-10 { margin-left: 83.333333%; } .offset-sm-11 { margin-left: 91.666667%; } } @media (min-width: 768px) { .col-md { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-md-auto { flex: 0 0 auto; width: auto; max-width: none; } .col-md-1 { flex: 0 0 8.333333%; max-width: 8.333333%; } .col-md-2 { flex: 0 0 16.666667%; max-width: 16.666667%; } .col-md-3 { flex: 0 0 25%; max-width: 25%; } .col-md-4 { flex: 0 0 33.333333%; max-width: 33.333333%; } .col-md-5 { flex: 0 0 41.666667%; max-width: 41.666667%; } .col-md-6 { flex: 0 0 50%; max-width: 50%; } .col-md-7 { flex: 0 0 58.333333%; max-width: 58.333333%; } .col-md-8 { flex: 0 0 66.666667%; max-width: 66.666667%; } .col-md-9 { flex: 0 0 75%; max-width: 75%; } .col-md-10 { flex: 0 0 83.333333%; max-width: 83.333333%; } .col-md-11 { flex: 0 0 91.666667%; max-width: 91.666667%; } .col-md-12 { flex: 0 0 100%; max-width: 100%; } .order-md-first { order: -1; } .order-md-last { order: 13; } .order-md-0 { order: 0; } .order-md-1 { order: 1; } .order-md-2 { order: 2; } .order-md-3 { order: 3; } .order-md-4 { order: 4; } .order-md-5 { order: 5; } .order-md-6 { order: 6; } .order-md-7 { order: 7; } .order-md-8 { order: 8; } .order-md-9 { order: 9; } .order-md-10 { order: 10; } .order-md-11 { order: 11; } .order-md-12 { order: 12; } .offset-md-0 { margin-left: 0; } .offset-md-1 { margin-left: 8.333333%; } .offset-md-2 { margin-left: 16.666667%; } .offset-md-3 { margin-left: 25%; } .offset-md-4 { margin-left: 33.333333%; } .offset-md-5 { margin-left: 41.666667%; } .offset-md-6 { margin-left: 50%; } .offset-md-7 { margin-left: 58.333333%; } .offset-md-8 { margin-left: 66.666667%; } .offset-md-9 { margin-left: 75%; } .offset-md-10 { margin-left: 83.333333%; } .offset-md-11 { margin-left: 91.666667%; } } @media (min-width: 992px) { .col-lg { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-lg-auto { flex: 0 0 auto; width: auto; max-width: none; } .col-lg-1 { flex: 0 0 8.333333%; max-width: 8.333333%; } .col-lg-2 { flex: 0 0 16.666667%; max-width: 16.666667%; } .col-lg-3 { flex: 0 0 25%; max-width: 25%; } .col-lg-4 { flex: 0 0 33.333333%; max-width: 33.333333%; } .col-lg-5 { flex: 0 0 41.666667%; max-width: 41.666667%; } .col-lg-6 { flex: 0 0 50%; max-width: 50%; } .col-lg-7 { flex: 0 0 58.333333%; max-width: 58.333333%; } .col-lg-8 { flex: 0 0 66.666667%; max-width: 66.666667%; } .col-lg-9 { flex: 0 0 75%; max-width: 75%; } .col-lg-10 { flex: 0 0 83.333333%; max-width: 83.333333%; } .col-lg-11 { flex: 0 0 91.666667%; max-width: 91.666667%; } .col-lg-12 { flex: 0 0 100%; max-width: 100%; } .order-lg-first { order: -1; } .order-lg-last { order: 13; } .order-lg-0 { order: 0; } .order-lg-1 { order: 1; } .order-lg-2 { order: 2; } .order-lg-3 { order: 3; } .order-lg-4 { order: 4; } .order-lg-5 { order: 5; } .order-lg-6 { order: 6; } .order-lg-7 { order: 7; } .order-lg-8 { order: 8; } .order-lg-9 { order: 9; } .order-lg-10 { order: 10; } .order-lg-11 { order: 11; } .order-lg-12 { order: 12; } .offset-lg-0 { margin-left: 0; } .offset-lg-1 { margin-left: 8.333333%; } .offset-lg-2 { margin-left: 16.666667%; } .offset-lg-3 { margin-left: 25%; } .offset-lg-4 { margin-left: 33.333333%; } .offset-lg-5 { margin-left: 41.666667%; } .offset-lg-6 { margin-left: 50%; } .offset-lg-7 { margin-left: 58.333333%; } .offset-lg-8 { margin-left: 66.666667%; } .offset-lg-9 { margin-left: 75%; } .offset-lg-10 { margin-left: 83.333333%; } .offset-lg-11 { margin-left: 91.666667%; } } @media (min-width: 1200px) { .col-xl { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-xl-auto { flex: 0 0 auto; width: auto; max-width: none; } .col-xl-1 { flex: 0 0 8.333333%; max-width: 8.333333%; } .col-xl-2 { flex: 0 0 16.666667%; max-width: 16.666667%; } .col-xl-3 { flex: 0 0 25%; max-width: 25%; } .col-xl-4 { flex: 0 0 33.333333%; max-width: 33.333333%; } .col-xl-5 { flex: 0 0 41.666667%; max-width: 41.666667%; } .col-xl-6 { flex: 0 0 50%; max-width: 50%; } .col-xl-7 { flex: 0 0 58.333333%; max-width: 58.333333%; } .col-xl-8 { flex: 0 0 66.666667%; max-width: 66.666667%; } .col-xl-9 { flex: 0 0 75%; max-width: 75%; } .col-xl-10 { flex: 0 0 83.333333%; max-width: 83.333333%; } .col-xl-11 { flex: 0 0 91.666667%; max-width: 91.666667%; } .col-xl-12 { flex: 0 0 100%; max-width: 100%; } .order-xl-first { order: -1; } .order-xl-last { order: 13; } .order-xl-0 { order: 0; } .order-xl-1 { order: 1; } .order-xl-2 { order: 2; } .order-xl-3 { order: 3; } .order-xl-4 { order: 4; } .order-xl-5 { order: 5; } .order-xl-6 { order: 6; } .order-xl-7 { order: 7; } .order-xl-8 { order: 8; } .order-xl-9 { order: 9; } .order-xl-10 { order: 10; } .order-xl-11 { order: 11; } .order-xl-12 { order: 12; } .offset-xl-0 { margin-left: 0; } .offset-xl-1 { margin-left: 8.333333%; } .offset-xl-2 { margin-left: 16.666667%; } .offset-xl-3 { margin-left: 25%; } .offset-xl-4 { margin-left: 33.333333%; } .offset-xl-5 { margin-left: 41.666667%; } .offset-xl-6 { margin-left: 50%; } .offset-xl-7 { margin-left: 58.333333%; } .offset-xl-8 { margin-left: 66.666667%; } .offset-xl-9 { margin-left: 75%; } .offset-xl-10 { margin-left: 83.333333%; } .offset-xl-11 { margin-left: 91.666667%; } } /* Custom styles 2018/05/28 */ .tribe-event-tickets-plus-meta td { text-align: left; } .tribe-event-tickets-plus-meta label { display: inline-block; min-width: 220px; } .tribe-event-tickets-plus-meta input[type="text"], .tribe-event-tickets-plus-meta input[type="email"], .tribe-event-tickets-plus-meta input[type="url"], .tribe-event-tickets-plus-meta input[type="password"], .tribe-event-tickets-plus-meta textarea { width: auto !important; display: inline-block; } .tribe-events-tickets tr.tribe-tickets-attendees-list-optout { display: none; } .woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1, .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 { max-width: 100%; } .home.page-template.page-template-page-pagebuilder em, .home.page-template.page-template-page-pagebuilder #pb_block-2 .main-content, .home.page-template.page-template-page-pagebuilder #pb_block-3 .main-content, .home.page-template.page-template-page-pagebuilder #pb_block-4 .main-content, .home.page-template.page-template-page-pagebuilder .social-block.pb_block_sub .main-container { font-style: normal !important; } /* Table responsive */ @media screen and (max-width: 768px) { .main-content .fed table { border: 0; } .main-content .fed table { width : 100% !important; height: auto !important; } .main-content .fed table tr { width : 100% !important; background : transparent !important; } .main-content .fed table td { border-bottom: 1px solid #ddd; display : block; font-size : .8em; width : unset !important; text-align : center; } .main-content .fed table td::before { content : attr(data-label); float : left; } .main-content .fed table td:last-child { margin-bottom: 20px; } /* Cancel CSS for the shopping cart */ .main-content .fed table td { display: table-cell; } } a.added_to_cart.wc-forward, a.added_to_cart.wc-forward:hover { color: #fff; padding-top: 14px !important; background-color: rgba(112, 0, 100, 0.69); } a.added_to_cart.wc-forward:hover { color: #fff; padding-top: 14px !important; background-color: #700065; } .woocommerce table.cart img{ height: auto !important; } /* Footer Facebook */ .third.last .widget_custom_html .textwidget.custom-html-widget { margin-left: auto; width: fit-content; margin-right: auto; }