/* -------------------------------------------------------------- UnLtd Override CSS -------------------------------------------------------------- */ aside.left { width: 25% } aside.right { width: 25% } .left-only { width: 69% } .right-only { width: 69%} .left-right { width: 38%} /* -------------------------------------------------------------------------- */ /* Backgrounds */ /* -------------------------------------------------------------------------- */ body { background: #f58328 url('//unltd.org.uk/wp-content/uploads/2012/10/UnltdRepeatPattern3.gif') !important;} #main { background: #ffffff; height:100%; } .ie8 #main {zoom: 1; background: none !important; -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr=#ffffffff, endColorstr=#ffffffff)"; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#ffffffff, endColorstr=#ffffffff); } .services.has-more .open {background-color: #ffffff; } .fixed-header-box { background-color: #ffffff; } .boxed #container-after { background-image: -webkit-linear-gradient(-90deg, #ffffff, #ffffff); background-image: -moz-linear-gradient(-90deg, #ffffff, #ffffff); background-image: -ms-linear-gradient(-90deg, #ffffff, #ffffff); background-image: -o-linear-gradient(-90deg, #ffffff, #ffffff); background-image: linear-gradient(-90deg, #ffffff, #ffffff); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffffff', EndColorStr='#ffffffff',GradientType=0); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffffff', EndColorStr='#ffffffff',GradientType=0)"; } footer.main-footer {background: #f58328; } .footer-sidebars-wrapper {background: #FFFFFF; } .ie8 footer.main-footer > .footer-sidebars-wrapper {zoom: 1; background: none !important; -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr=#ff454545, endColorstr=#ff454545)"; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#ff454545, endColorstr=#ff454545); } .copyrights {background-color: #f58328 !important; } .header-slider-wrapper, .wpv-loading-mask {background-color: #ffffff; } .header-slider-wrapper, .slider-helper {background: #f9f9f9; } .header-slider-wrapper .wpv-loading-mask {background-color: #f9f9f9; } header.main-header, .main-menu .menu > li > a {min-height: 26px !important; line-height: 46px !important; } .main-menu .menu { margin-top:43px; background-color:#f58328; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; behavior: url(//unltd.org.uk/wp-content/themes/kelta/wpv_theme/assets/css/PIE.htc);} header.main-header {background: #ffffff; background-color: rgba(255, 255, 255, 1); } .ie8 header.main-header {zoom: 1; background: none !important; -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr=#ffffffff, endColorstr=#ffffffff)"; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#ffffffff, endColorstr=#ffffffff); } .icons-top {top: 86px !important; } body.admin-bar .icons-top {top: 113px !important; } .visiblegrid .wpv-fx-grid-mask .wpv-fx-grid-facet {border-color: #cccccc !important; } /* ----------------------------------------------------------------------------- Main Navigation ----------------------------------------------------------------------------- */ .main-menu .menu .sub-menu .menu-item:hover > a, .main-menu .menu .sub-menu .menu-item a:hover, .main-menu .menu .sub-menu .current_page_item > a, .main-menu .menu .sub-menu .current-menu-item > a { background: #4C4C4C; } .main-menu .menu .sub-menu {background-color: #3F3F3F; } .main-menu .menu .sub-menu li {border-top: 1px solid #8B8B8B; } /* ------------------------------------------------------ Header Sliders ------------------------------------------------------ */ .wpv-loaded #header-slider {height: 433px; } /***************************************************************** Helper elements and colors ******************************************************************/ .full-width-divider {border-top: 1px solid #d1d1d1; box-shadow: 0 1px 0 #f7f7f7 inset; behavior: url(//unltd.org.uk/wp-content/themes/kelta/wpv_theme/assets/css/PIE.htc);} .price-title, .price .meta-box, .team-member, .services.no-image, .slider-shortcode-wrapper.style-gallery .wpv-nav-pager li, .services.has-more.accent2, .entry-utility .bg, .slogan.accent2 {background: #e5e5e5; margin: 0 5px 10px 0;} .services.has-more.accent3, .slogan.accent3 {background: #80b8ff; } .services.has-more.accent4, .slogan.accent4 {background: #80b8ff; } .price-title, .price .meta-box, .services.has-more.accent2 .closed, .slogan.accent2 .slogan-content {color: #444444; } .services.has-more.accent3 .closed, .slogan.accent3 .slogan-content {color: #ffffff; } .services.has-more.accent4 .closed, .slogan.accent4 .slogan-content {color: #ffffff; } .value-box {background: #d9d9d9; color: #444444; } .price .content-box li, .price-wrapper .content-box, .price-wrapper .meta-box {border-color: #d9d9d9} /* Buttons with generated colors -------------------------------------------- */ .button.accent3 {background-color: #80b8ff; color: #ffffff !important; border-color: #8cbfff !important; } .button.accent3:hover, .button.accent3:focus {background-color: #73a5e5; color: #ffffff !important; border-color: #81aee7 !important; } .button.accent4 {background-color: #3f3f3f; color: #ffffff !important; border-color: #525252 !important; } .button.accent4:hover, .button.accent4:focus {background-color: #383838; color: #ffffff !important; border-color: #4b4b4b !important; } a, * a {text-decoration: none !important; } /*-------------------------------------------------------------------------- Internet Explorer Fixes requiring full path from html file to the used resources --------------------------------------------------------------------------*/ .ie7 .light .style-caption-center #header-slider-caption-wrapper .wpv-caption, .ie8 .light .style-caption-center #header-slider-caption-wrapper .wpv-caption, .ie7 .dark .style-caption-center #header-slider-caption-wrapper .wpv-caption, .ie8 .dark .style-caption-center #header-slider-caption-wrapper .wpv-caption { background: transparent !important; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true',sizingMethod='crop',src='http://shineunconference.org/newunltd/wp-content/themes/kelta/wpv_theme/images/slider/caption-center/caption_bgr.png') !important; } .cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://shineunconference.org/newunltd/wp-content/themes/kelta/wpv_theme/assets/css/colorbox/images/internet_explorer/borderTopLeft.png, sizingMethod='scale');} .cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://shineunconference.org/newunltd/wp-content/themes/kelta/wpv_theme/assets/css/colorbox/images/internet_explorer/borderTopCenter.png, sizingMethod='scale');} .cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://shineunconference.org/newunltd/wp-content/themes/kelta/wpv_theme/assets/css/colorbox/images/internet_explorer/borderTopRight.png, sizingMethod='scale');} .cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://shineunconference.org/newunltd/wp-content/themes/kelta/wpv_theme/assets/css/colorbox/images/internet_explorer/borderBottomLeft.png, sizingMethod='scale');} .cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://shineunconference.org/newunltd/wp-content/themes/kelta/wpv_theme/assets/css/colorbox/images/internet_explorer/borderBottomCenter.png, sizingMethod='scale');} .cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://shineunconference.org/newunltd/wp-content/themes/kelta/wpv_theme/assets/css/colorbox/images/internet_explorer/borderBottomRight.png, sizingMethod='scale');} .cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://shineunconference.org/newunltd/wp-content/themes/kelta/wpv_theme/assets/css/colorbox/images/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');} .cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://shineunconference.org/newunltd/wp-content/themes/kelta/wpv_theme/assets/css/colorbox/images/internet_explorer/borderMiddleRight.png, sizingMethod='scale');} html {color: #666666; } /* primary font */ *, p, .main-container, .contact_form input[type="text"], .contact_form input[type="email"], .contact_form textarea { font: normal 14px / 20px Helvetica, Arial, serif; } /* em font */ .cite, .cite *, .page-header .desc, blockquote, blockquote p, em { font: italic 13px / 20px "Open Sans"; color: #adadad; } .import__feed { position: relative; top: -1.5em; } .import__feed ul { list-style-type: none !important; list-style: none !important; } .import__feed li { margin: 4em 0; list-style-type: none !important; list-style: none !important; } .logo { font: bold 32px / 32px "Open Sans"; } .logo, .logo:hover {color: #ffffff !important; } h1, h1 a, h1 a:visited { font: 22px / 24px "Arial Black", Arial, sans-serif; color: #FFFFFF; text-transform:uppercase; } h2, h2 a, h2 a:visited { font: 32px / 32px "Arial Black",Arial, sans-serif; font-weight:900 !important; color: #29A9E1 !important; } h3, h3 a, h3 a:visited { font: 800 22px / 26px Arial, sans-serif; color: #374DA0; font-weight:bold !important; } h4, h4 a, h4 a:visited { font: bold 18px / 22px "Nunito"; color: #D33B94; } h5, h5 a, h5 a:visited { font: 300 18px / 22px "Nunito"; color: #EF9360; } h6, h6 a, h6 a:visited { font: normal 16px / 22px "Nunito"; color: #000000; padding-top: 16px; } h7 { font: 28px / 30px "Arial Black",Arial, sans-serif; font-weight:900 !important; color: #29A9E1 !important; } h8 { font: 32px / 32px "Arial Black",Arial, sans-serif; font-weight:900 !important; color: #D33B94 !important; } h9, h9 a, h9 a:visited { font: bold 22px / 26px "Nunito"; color: #D33B94; display: block; padding-bottom: 8px; position: relative; } h9:hover, h9 a:hover { color: #41b7d8 !important; } .blue-headline { font: 32px / 32px "Arial Black",Arial, sans-serif; font-weight:900 !important; color: #29A9E1 !important; } .pink-headline { font: 32px / 32px "Arial Black",Arial, sans-serif; font-weight:900 !important; color: #D33B94 !important; } .no-bottom { padding-bottom:0 !important; margin-bottom:0 !important; } .bluetext { font: 32px / 32px "Arial Black",Arial, sans-serif; color: #374DA0 !important; text-align:center !important; font-weight:bold !important; } .calltoaction { font: bold 22px / 24px "Nunito"; color: #374DA0; padding-top: 10px; } body.fast-slider .fast-slider-caption, body.fast-slider .fast-slider-caption a, body.fast-slider .fast-slider-caption a:hover, .post-article header .entry-date, .full-width-divider .divider-content, .full-width-divider .divider-content > * { background: #ff5400 !important; color: #ffffff !important; } #sub-header-inner { color: #ffffff !important; } .boxed.has-left-column .post-article header .entry-date { font-size: 25px; font-family: Arial, sans-serif} #footer-sidebars, #footer-sidebars p, #footer-sidebars * { font: normal 11px / 17px "Open Sans"; color: #444444; } #footer-sidebars h4 { font: bold 11px / 29px "Open Sans" !important; color: #fbfbfb; } .copyrights, .copyrights * { font: normal 11px / 17px "Open Sans"; color: #ffffff; } a, .comments-link a b { color: #41b7d8; } a:visited { color: #41b7d8; } a:hover, .more-btn:hover span, .next-btn:hover span, .prev-btn:hover span, .comments-link a:hover b, .sortable a.active { color: #ff7b14 !important; } #footer-sidebars a, #footer-sidebars .comments-link a b { color: #41B7D8; } #footer-sidebars a:visited { color: #41B7D8; } #footer-sidebars a:hover, #footer-sidebars .more-btn:hover span, #footer-sidebars .next-btn:hover span, #footer-sidebars .prev-btn:hover span, #footer-sidebars .comments-link a:hover b, #footer-sidebars .sortable a.active { color: #3cffff !important; } /* ------------------------------------------------------ Forms ------------------------------------------------------ */ input[type=text], input[type=email], input[type=password], textarea { background: #efefef; color: #444444; } input[type=text]:focus, input[type=email]:focus, input[type=password]:focus, textarea:focus { background: #f7f7f7; color: #444444; } /*-------------------------------------- accents ---------------------------------------*/ .accent-2 { color: #e5e5e5; } .accent-3 { color: #80b8ff; } /* ---------------------------------------- M E N U S ----------------------------------------- */ /* top navigation ------------------------------------------ */ .top-nav-box, #phone-num { color: #c1c1c1; } .top-nav-box a { color: #444444 !important; } .top-nav-box a:hover { color: #f58328 !important; } .top-nav-box .current_page_item > a, .top-nav-box .current-menu-item > a { color: #f58328 !important; } .top-nav ul > li.current_page_item > a, .top-nav ul > li.current_page_item > ul > li > a:hover, .top-nav ul > li.current-menu-parent > a, .top-nav ul > li.current-menu-ancestor > a { color: #00c758; background-color: transparent !important; } /* main menu ----------------------------------------------- */ .main-menu .menu > .menu-item > a, .main-menu .menu > .menu-item > a:visited { font: normal 12px / 20px "Nunito"; color: #FFFFFF; } .main-menu .menu .sub-menu a { color: #FFFFFF !important; } /* Menu items :hover ------------------------------------------ */ .main-menu .menu > .menu-item:hover > a, .main-menu .menu > .menu-item > a:hover, .main-menu .menu > .current_page_item > a, .main-menu .menu > .current-menu-item > a, .main-menu .menu > .current_page_ancestor > a, .main-menu .menu > .current-menu-ancestor > a { color: #FFFFFF !important; background-color: #DE5419 !important; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; behavior: url(//unltd.org.uk/wp-content/themes/kelta/wpv_theme/assets/css/PIE.htc); } /* Menu items :hover (nested for the main menu) ---------------- */ .main-menu .menu .sub-menu .menu-item:hover > a, .main-menu .menu .sub-menu .menu-item a:hover, .main-menu .menu .sub-menu .current_page_item > a, .main-menu .menu .sub-menu .current-menu-item > a { color: #fafafa !important; } /* ============================================================================= MOBILES AND OTHER SMALL SCREENS ============================================================================= */ @media only screen and (max-device-width: 10cm), only screen and (min-resolution: 160dpi) { /* @todo @DeanMarkTaylor - note this was removed as the font line is invalid and color causes problems with cookie bar *, p, .main-container, .contact_form input[type="text"], .contact_form input[type="email"], .contact_form textarea { font: 16px / 18px; color:#444444; }*/ .cite, .cite *, .page-header .desc, blockquote, blockquote p, em { font-size: 20px; } .logo { font-size: 48px; } h1, h1 a, h1 a:visited { font-size: 28px !important; } h2, { font: 28px "Nunito","Arial Black",Arial, sans-serif !important; font-weight:bold !important; } h2 a, h2 a:visited {font: 28px "Nunito","Arial Black",Arial, sans-serif !important; line-height:28px !important; font-weight:900 !important; color: #D33B94 !important; padding-bottom:0px !important; margin-bottom:0px !important; } h3, h3 a, h3 a:visited { font-size: 33px; font-weight:bold !important; } h4, h4 a, h4 a:visited { font-size: 27px; } h5, h5 a, h5 a:visited { font-size: 27px; } h6, h6 a, h6 a:visited { font-size: 24px; } h7 { font: 10px "Arial Black",Arial, sans-serif !important; font-weight:bold !important; color: #29A9E1 !important; margin-bottom:12px !important; } h8 { font: 10px "Arial Black",Arial, sans-serif !important; font-weight:bold !important; color: #D33B94 !important; padding-bottom:26px !important; } .boxed.has-left-column .post-article header .entry-date { font-size: 38px; } #footer-sidebars, #footer-sidebars p, #footer-sidebars * { font-size: 17px; } #footer-sidebars h4 { font-size: 17px; } .copyrights, .copyrights * { font-size: 17px; } } body.fast-slider .fast-slider-caption, body.fast-slider .fast-slider-caption a, body.fast-slider .fast-slider-caption a:hover, .post-article header .entry-date, .full-width-divider .divider-content, .full-width-divider .divider-content > * { background: #f58328 !important; color: white !important; font-size: 26px; -webkit-border-radius: 25px; border-radius: 25px; behavior: url(//unltd.org.uk/wp-content/themes/kelta/wpv_theme/assets/css/PIE.htc); } .page-header {background-color: #FFFFFF !important; background-repeat: no-repeat !important; background-attachment: scroll !important; background-position: left center !important; display:none !important; } .desc {margin-top: -40px; font-size: 26px; line-height: 33px; color: #333; font-family: 'Helvetica', 'Arial', sans-serif;} .grey {color:#666666 !important;} sort_by_cat .cat a, .button, .button:visited, input[type="button"], input[type="submit"], #scroll-to-top, .prev-post a, .next-post a, .all-items, .slider-shortcode-wrapper .wpv-nav-prev, .slider-shortcode-wrapper .wpv-nav-next, #style-switcher a[name="Reset"], .dropcap2, .widget_nav_menu .menu li.current_page_item a, .widget_nav_menu .menu li a:hover { border: 0 !important; background-color: #888; color: #F8F8F8 !important; border-color: #CECECE !important;} /*-------------------------------------------------------------------------- COLOURS SECTION ----------------------------------------------------------------------------*/ .pink {color:#D33B94 !important;} .pink_bg {background-color:#D33B94 !important;} .purple {color:#781D7E !important;} .purple_bg {background-color:#781D7E !important;} .blue {color: #29A9E1 !important;} .blue_bg {background-color:#29A9E1 !important;} .orange {color:#f58328 !important;} .orange_bg {background-color:#f58328 !important;} .darkorange {color:#F05926 !important;} .darkorange_bg {background-color:#F05926 !important;} .blue {color:#29A9E1 !important;} .blue_bg {background-color:#29A9E1 !important;} .darkblue {color:#374DA0 !important;} .darkblue_bg {background-color:#374DA0 !important;} /*-------------------------------------------------------------------------- Large Links Rooted Guide ----------------------------------------------------------------------------*/ .largelink {font-size:17px !important;} /*-------------------------------------------------------------------------- Toolkit Table ----------------------------------------------------------------------------*/ .toolkit-table { font: 11px "Arial", Arial, sans-serif; line-height: 15px !important; text-align: center; margin:40px 0; border-color:#fff; } .toolkit-table tr:nth-child(odd) { background-color: rgb(254, 222, 199); background-color: rgba(254, 222, 199, 0.5) !important; } .toolkit-table tr:nth-child(even) { background-color: rgb(252, 193, 152); background-color: rgba(252, 193, 152, 0.5) !important; } .toolkit-table td { padding:10px; border-color:#fff; vertical-align:middle; } .toolkit-table a { display:block; color:#374da0; font: 11px "Arial", Arial, sans-serif; line-height: 15px !important; text-align: center; } .toolkit-table a:hover { color:#fff !important; text-decoration:underline !important; } .toolkit-table th { background-color:rgb(245, 131, 40); color:#fff; padding:20px 10px; font: 14px "Arial Black", Arial, sans-serif; font-weight: 900 !important; border: 1px solid #fff; } .toolkit-table th a { color:#fff; font: 14px "Arial Black", Arial, sans-serif; font-weight: 900 !important; } td.theme { font-weight:bold; } th.theme-under { font-size:12px; } .toolkit-table th span, .toolkit-table p { font: 11px "Arial", Arial, sans-serif; font-weight: 400 !important; } td.hover, tr.hover { background-color: rgb(120,29,126) !important; background-color: rgba(120,29,126, 0.2) !important; } th.hover, tfoot td.hover { background-color: !important; } td.hovercell, th.hovercell { background-color: rgb(41,169,225) !important; background-color: rgba(41,169,225, 0.5) !important; } td.hoverrow, th.hoverrow { background-color: #6df !important; } /*-------------------------------------------------------------------------- Toolkit Styling ----------------------------------------------------------------------------*/ .portfolio-text-content h2 { margin-bottom:20px; } .portfolio-text-content li { margin: 10px 0; } .portfolio-text-content a img { padding: 20px 0; } .portfolio-text-content blockquote { margin: 30px 0 60px 0; } .portfolio-text-content ul ul { list-style-type: square !important; font-style: italic;} /*-------------------------------------------------------------------------- Big Venture Challenge ----------------------------------------------------------------------------*/ .category-big-venture-challenge-partners-and-funders .post-content img.alignleft { margin-bottom:15px; } .calltoaction { margin-top:-3px; } .calltoaction.apply-interest { font-size:21px !important; } .calltoaction.network { font-size:17px !important; } #mc_embed_signup input { float:left; } #mc_embed_signup input.email { width: 200px; margin:10px 15px 0 0; padding-left:10px; background:#fff; height:40px; } #mc_embed_signup input.email.bigger { width: 290px; } #mc_embed_signup input.button { margin-top: 9px !important; color:#fff !important; } .bigger-cta-image { margin-top:15px !important; } body.fast-slider .fast-slider-caption, body.fast-slider .fast-slider-caption a, body.fast-slider .fast-slider-caption a:hover, .post-article header .entry-date, .full-width-divider .divider-content, .full-width-divider .divider-content > *, .copyrights { background: #f58328 !important; } .loop-wrapper .page-content { padding:10px 20px 10px 0; background:none; border:none; } .post-media { margin: 20px 0; } .the-content p { padding: 10px 0; } .post-article header h2 { display: table; height: 51px; } .post-article header h2 a { display: table-cell; vertical-align: middle; font-family: "Nunito", Arial Black, Arial, Helvetica, sans-serif; font-size:.75em; font-weight:bold; color:#D33B94 !important; } .post-article header h2 a:hover { display: table-cell; vertical-align: middle; font-family: "Nunito", Arial Black, Arial, Helvetica, sans-serif; font-size:.75em; font-weight:bold; color:#29A9E1 !important; text-decoration:underline !important; } /*-------------------------------------------------------------------------- Social Futures Styling ----------------------------------------------------------------------------*/ #sfblue { background-color: #384D9F; -webkit-border-radius: 26px; -moz-border-radius: 26px; border-radius: 26px; color: #FFFFFF !important; padding: 22px; } #sforange { background-color: #EF7F21; -webkit-border-radius: 26px; -moz-border-radius: 26px; border-radius: 26px; color: #FFFFFF !important; padding: 22px; } #sfpink { background-color: #D43C94; -webkit-border-radius: 26px; -moz-border-radius: 26px; border-radius: 26px; color: #FFFFFF !important; padding: 22px; } .white {color: #FFFFFF;} /*-------------------------------------------------------------------------- Cookie bar ----------------------------------------------------------------------------*/ .has-cookie-bar #catapult-cookie-bar { padding: 4px 20px 4px !important; } .cookie-bar-bar .ctcc-inner { -webkit-justify-content: flex-start !important; justify-content: flex-start !important; } .has-cookie-bar #catapult-cookie-bar a { text-transform: lowercase; }