/* Theme Name: FOA - Child Theme of AC Base Theme URI: https://www.foa.org.uk Version: 1.0 Description: Friends of Al-Aqsa Public Site 2018 Author: FOA Author URI: https://www.foa.org.uk template: bb-theme */ body {min-width:320px;} a:focus {outline: 0;} .fl-page-content a { text-decoration:underline; } .fl-page-content a:hover, .fl-page-content a:focus, .fl-page-content a:active { color:#ffff45; background-color: #3a3938; outline: 0; } #banner_bottom_donate a.fl-button, #mainmenu #menu-main-menu li#menu-item-28542, .cta_banner_content a.fl-button { -webkit-box-shadow: 0 3px 10px 2px rgba(0,0,0,0.2); box-shadow:0 3px 10px 2px rgba(0,0,0,0.2); } input, button, textarea, select { outline:none; } /*** HEADER BAR ***/ /* Search Icon & Form */ .fl-page-nav-search a.ua-icon-icon-111-search { color: #fff; font-size: 25px; padding: 8px 0px; position: absolute; right: 0; top: 0; } .fl-page-nav-search form { background-color: #ededed; border-top: 3px solid #ffff45; } #header_menu li{display:inline-block;} /* Site Logo */ #sitelogo {margin-left:-7px;;} #sitelogo img {max-width:90px;} /* Main Menu */ #mainmenu, #mainmenu .fl-module-content, #mainmenu .fl-menu, #mainmenu nav, #mainmenu #menu-main-menu, #mainmenu #menu-main-menu li { height:100%; } #mainmenu #menu-main-menu li {display: flex; align-items: center;} #mainmenu #menu-main-menu li {float: left;} #mainmenu #menu-main-menu li.current-menu-item, #mainmenu #menu-main-menu li:hover, #mainmenu #menu-main-menu li.current-menu-parent {background: #dedede} #mainmenu #menu-main-menu li#menu-item-28542 {background: #ffff45} /*Donate Link*/ #mainmenu #menu-main-menu li a:focus {text-decoration:none;outline: 0;} /* Shrink Header */ .fl-theme-builder-header-shrink .fl-page-nav-search a.ua-icon-icon-111-search { padding: 5px 0px; } .fl-theme-builder-header-shrink-module-bottom #menu-top-bar-menu {margin:6px 0px;} /* Join Us Button */ #header_join_us { width: auto; position: absolute; top:20px; left: 80px; text-transform:uppercase; display:none; transition: all 0.3s linear; -webkit-transition: all 0.3s linear; } #header_join_us a.fl-button { transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -webkit-box-shadow: 0 3px 10px 2px rgba(0,0,0,0.2); box-shadow:0 3px 10px 2px rgba(0,0,0,0.2); } .fl-theme-builder-header-shrink #header_join_us {top:5px } .fl-builder-edit #header_join_us { width: 100%; position: relative;} /*when in edit screen*/ /*** FOOTER ***/ #footer_logo img {max-width:300px;} /* Footer Menus */ .footer-menu {text-align:center;} .footer-menu .fl-module-content .menu > li.current-menu-item a {color:#fff} .footer-menu .fl-module-content .menu > li.current-menu-item a:hover {color:#ffff45} #footer_credits {font-size:14px; line-height:19px;} /* Back to Top arrow*/ #fl-to-top { height: 70px; width: 70px; float:right; content:" "; background-image:url('foa_arrow.png'); background-position: center right; background-repeat: no-repeat; background-size: contain; background-color:transparent; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); border:0 none; transition: all 0.3s linear; -webkit-transition: all 0.3s linear; } #fl-to-top i {display:none;} #fl-to-top:focus {outline: 0;} #fl-to-top:hover { background-color:transparent; border:0 none; bottom:25px; } /*** CONTENT AREA ***/ .post-contentarea p { margin-bottom: 30px; } /*#single_blog_featured_image .fl-photo-content {width:100%;} #single_blog_featured_image .fl-photo-content img {width:100%; height:auto}*/ /* Add This - Share Buttons */ .at-share-btn-elements {text-align:right} .at-share-btn-elements a.at-share-btn {margin:0 7px;} .at-share-btn-elements a.at-share-btn > span.at-icon-wrapper {height:26px !important; line-height:26px !important; width:26px !important;} .at-share-btn-elements a.at-share-btn > span.at-icon-wrapper > svg {height:26px !important; width:26px !important;} .at-share-btn-elements a.at-share-btn:focus, .at-share-btn-elements a.at-share-btn:hover { background-color: #ffff45 !important; transform:none; } .at-share-btn-elements a.at-svc-whatsapp {display:none;} @media(max-width:600px) { .at-share-btn-elements a.at-svc-whatsapp {display:inline-block;} .at-share-btn-elements a.at-svc-linkedin, .at-share-btn-elements a.at-svc-google_plusone_share {display:none;} } /* Add This - Read Next */ .at4-whatsnext {border: 1px solid #fff !important;} .at4-whatsnext.ats-light {background:#17B6C5 !important;} .at4-whatsnext.ats-light:hover {background:#f7a823 !important;} .at4-whatsnext .at-whatsnext-content .at-branding, .at4-whatsnext .at-whatsnext-content-inner small {display:none !important;} .at4-whatsnext .at-whatsnext-content-inner div.at-h6, .at4-whatsnext .at-whatsnext-content-inner a:link, .at4-whatsnext .at-whatsnext-content-inner a:visited {color:#fff !important;} .at4-whatsnext .at-whatsnext-content .at-h3 {font-size:16px !important; line-height:20px !important;} /* PDF Download Links */ .pdf_download {width:80%; margin-right:10%; margin-left:10%;} a.pdf_preview {font-weight:bold; padding:15px; display:block; position:relative} .pdf_download img {width:90px; margin-right:15px; float:left} .pdf_download.large img {width:200px;} .pdf_download + .pdf_download {border-top:1px solid #ddd;} a.pdf_preview:hover {background-color:#F7A823; color:#fff } /* Embedded Tweets / Facebook / Youtube */ .post-contentarea iframe {margin:0 auto; display:block; max-width:100%} iframe.twitter-tweet, twitterwidget.twitter-tweet {margin:25px auto !important; display:block !important; max-width:100% !important} .post-contentarea .fb_iframe_widget {margin:25px auto; display:block; width:100%; text-align:center; overflow:hidden} .post-contentarea .embed-youtube { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 0px; height: 0; overflow: hidden; } .post-contentarea .embed-youtube iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* Related - Jet Pack*/ #jp-relatedposts {margin:0;} #jp-relatedposts.jp-relatedposts {padding:0; margin:10px 0px 25px 0; opacity:1 !important;} #jp-relatedposts.jp-relatedposts h3.jp-relatedposts-headline {display: none;} #jp-relatedposts .jp-relatedposts-items {display: flex; width: 100%; } #jp-relatedposts .jp-relatedposts-post {flex:1; background: #fff; padding: 0px !important; margin: 0px 15px !important} #jp-relatedposts .jp-relatedposts-items-visual h4.jp-relatedposts-post-title {padding:30px 20px; background: #fff;} #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post .jp-relatedposts-post-title a { font-size: 18px !important; text-align:center; font-family:"Roboto", sans-serif; font-weight:300; line-height: 25px !important; color:#3a3938; text-decoration:none !important; } #jp-relatedposts h3.jp-relatedposts-headline em::before {border-top:0 none !important;} #jp-relatedposts .jp-relatedposts-items-visual * {transition: all 0.3s linear; -webkit-transition: all 0.3s linear;} #jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post:hover, #jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post:hover > * {background:#ffff45} #jp-relatedposts .jp-relatedposts-items-visual .jp-relatedposts-post:hover > .jp-relatedposts-post-title a {color:#3a3938; background:none;} /* Lightbox */ .jp-carousel-left-column-wrapper, .jp-carousel-image-meta {display:none;} .jp-carousel-wrap .jp-carousel-overlay { background:rgba(0,0,0,0.9) !important; } .jp-carousel-wrap .jp-carousel-info h2 {font-size:17px !important;} .jp-carousel-wrap .jp-carousel-close-hint span {height:40px; width:40px; line-height:40px !important; font-size: 55px !important; color:#ffff45; background:#3a3938;} /* BLOCKQUOTES */ .post-contentarea blockquote {width: 90%; margin: 25px 5%; border-color:#3a3938} .post-contentarea blockquote p {font-size: 115%;font-style: italic;} /* TABLES */ .post-contentarea table {display:block; width:90%; margin:25px 5%;} .post-contentarea td, .post-contentarea th {padding:10px 5px; border:1px solid #ccc;} /* Comments Section */ #comments_area {width:90%; margin:0 auto; background:#ededed} #comments_area h3 {font-size:30px} #comments_area .fl-comments {margin-top:0;} #comments li {background: #fff; padding:15px 25px 0 15px; border-top: 2px solid #ededed} .comment-meta {margin:0 0 10px 0; font-size:15px} .fl-comments-list .comment-author-link {margin-left:0;} .fl-comments-list .comment-content {padding:0; border:0 none; font-size:18px;} .fl-comments-list .comment-content p {margin-bottom:15px;} .fl-comments-list .comment-reply-link {font-size:15px;} #respond {margin:30px auto; max-width:800px;} #respond label {font-weight:normal; font-size:17px;} /*** CAMPAIGN PAGES ***/ /* Subtitle & Blurb */ .campaign_subtitle > .fl-node-content {margin-top:0; margin-bottom:0;} .campaign_subtitle h4.fl-heading {font-size: 22px; font-family:"Roboto", sans-serif; font-weight:400; line-height: 26px;} .campaign_blurb {font-size: 20px;} #post-shareicons > .fl-node-content {margin-top:0;} #post-shareicons .at-share-btn-elements {text-align:center;} /* Sidebar */ #campaign_sidebar {float: right; width: 40%; max-width: 400px;} #campaign_sidebar img {margin:0;} #campaign_sidebar h4 {padding:20px; background:#3a3938; color:#fff; margin:0; font-family:"Roboto", sans-serif; font-weight:400;} /* Resources */ .campaign_rss .fl-html {display: flex; flex-wrap: wrap;} .campaign_rss .campaign_resource { width: calc(25% - 30px); display: flex; flex-grow: 1; flex-basis: 0; margin: 20px 15px; min-width:150px; max-width:300px; } /* FAQs */ #campaigns_faq_area {margin:20px auto 35px auto;} #campaigns_faq_area .fl-rich-text, body.faqs .accordion h3 { -webkit-box-shadow: 0 -5px 15px 0px rgba(0,0,0,0.1); box-shadow:0 -5px 15px 0px rgba(0,0,0,0.1); } body.faqs .accordion h3 { font-size: 22px; font-family:"Roboto", sans-serif; font-weight:400; line-height: 26px; color:#3a3938; margin: 0px; padding: 25px 50px; } body.faqs .accordion h3:nth-of-type(1) {margin-top:0;} body.faqs .accordion h3:hover {cursor:pointer; background-color:#dedede} body.faqs .accordion h3.faq-open {background-color:#ffff45;} body.faqs .accordion h3 + p {margin-top:25px;} body.faqs .accordion p.faq-open {padding:0 50px;} body.faqs .accordion p.faq-open + h3 {margin-top:80px} /* Related Campaigns */ .campaigns_related .fl-node-content {padding:0; margin:-5px 0px 25px 0;} .campaigns_related .fl-post-column * {transition: all 0.3s linear; -webkit-transition: all 0.3s linear; position: relative;} .campaigns_related .fl-post-grid, .campaigns_related .fl-post-grid-post {border:0 none; margin:0; display: flex; flex-wrap: wrap; align-content: baseline} .campaigns_related .fl-post-column { width: calc(33% - 30px); display: flex; flex-grow: 1; flex-basis: 0; margin: 20px 15px; padding:0; min-width:250px; } .campaigns_related .fl-post-grid-text {padding:0; display: flex; flex-direction: column; flex-grow: 1; flex-basis: 0;width: 100%;} .campaigns_related .fl-post-grid-text h2.fl-post-grid-title { flex: 1 0 auto; padding:30px 20px;} .campaigns_related h2.fl-post-grid-title a, .campaigns_related h2.fl-post-grid-title a:hover { font-size: 25px; text-align:left; font-family:"Roboto", sans-serif; font-weight:400; line-height: 28px; background:transparent; color:#3a3938; text-decoration:none !important; } .campaigns_related .fl-post-grid-text > .fl-post-grid-content { } .campaigns_related a.fl-post-grid-more { padding: 20px 0px; width:100%; background:#ececec; color:#3a3938; font-size: 20px; text-align:center; font-family:"Roboto", sans-serif; font-weight:400; line-height: 24px; } .campaigns_related .fl-post-column:hover, .campaigns_related .fl-post-column:hover > *, .campaigns_related .fl-post-column:hover a.fl-post-grid-more {background:#ffff45; color:#3a3938} /*** EVENT PAGES ***/ #banner_book_event { -webkit-box-shadow: 0 3px 10px 2px rgba(0,0,0,0.2); box-shadow:0 3px 10px 2px rgba(0,0,0,0.2); } #banner_book_event .circle_button a.fl-button {width:80px; height:80px; padding:14px 20px; text-align:center; border:0 none;} #banner_book_event a, #banner_book_event a:visited { text-decoration:none; } #banner_book_event a:hover, #banner_book_event a:focus, #banner_book_event a:active { background-color: transparent; border:0 none;} #banner_book_event a.fl-button:hover,#banner_book_event a.fl-button:focus,#banner_book_event a.fl-button:active {background-color:#3a3938;} #banner_book_event a.fl-button:hover > i {color:#fff;} #event-datearea { -webkit-box-shadow: 0 3px 10px 2px rgba(0,0,0,0.2); box-shadow:0 3px 10px 2px rgba(0,0,0,0.2); text-align:center; } #event-datearea .event_date_multiple, #event-datearea .event_date_single, #event-datearea .event_month_year, #event-datearea .event_times { display:block; color: #ffff45; } #event-datearea .event_date_multiple {font-size:60px; font-weight:bold; line-height:120%; margin-top:6px;} #event-datearea .event_date_single {font-size:75px; font-weight:bold; line-height:120%; margin-top:6px;} #event-datearea .event_month_year {text-transform:uppercase; } #event-datearea .event_times {font-size: 90%; display:block} #event-titlearea h1 > span.fl-heading-text {color:#fff; font-size:90%;} #event-titlearea #post-shareicons .at-share-btn-elements {text-align:right} #event-metaarea a {text-decoration:none;} #event-metaarea .event_organisers_indi:after {content:", ";} #event-metaarea .event_organisers_indi:last-child:after {content:"";} #event_maparea {position:relative;} #event_maparea .event_map_address { display: block; position: absolute; bottom: 15px; right: 40px; background: #3a3938; color: #fff; padding: 20px 40px; } #event_maparea .event_map_address h4 {color:#fff} #event_maparea .em-location-map-container {overflow:hidden; max-width:100%; height:auto !important} #event_maparea .em-location-map-container img.em-location-static-map {height:auto; } #event_maparea.event_maparea-small > * > .fl-html {background: #ededed} #event_maparea.event_maparea-small .em-location-map-container { display: inline-block; width: 600px; max-width:100%; position: relative; vertical-align:middle; } #event_maparea.event_maparea-small .event_map_address_date { display: inline-block; width: calc(100% - 650px); min-width:300px; position: relative; vertical-align:middle; text-align:center; } #event_maparea .event_map_address h4 {color:inherit} #event_maparea.event_maparea-small .event_map_address { display: block; position: relative; bottom: auto; right: auto; background: none; color: inherit; padding:0px; } .organiser { -webkit-box-shadow: 0 3px 10px 2px rgba(0,0,0,0.2); box-shadow:0 3px 10px 2px rgba(0,0,0,0.2); padding: 30px; margin: 25px 0; } .organiser:hover {background:#f5f5f5;} .organiser > * {display:inline-block; vertical-align:middle} .organiser .org_logo {width:150px; vertical-align: top;} .organiser .org_desc {width: calc( 100% - 310px ); margin:0 20px; } .organiser .org_desc h4 {margin-top:0;} .organiser .org_desc p {font-size:90%;} .organiser .org_website {width:80px; text-align:right} .organiser .org_website a, .organiser .org_website a:active, .organiser .org_website a:focus { width:80px; height:80px; padding:14px 20px; text-align:center; border:0 none; font-size: 40px; line-height: 42px; border-radius: 40px; -moz-border-radius: 40px; -webkit-border-radius: 40px; background: #3a3938; } #events_third-party_disclaimer {font-size:80%; margin-top:50px;} /* Events Archive Page - Featured Post*/ #events_featured_post #event-metaarea p {font-size: 80%; line-height: 135%;} /* Events Archive Page - List of Events*/ #events_list {} #events_list .fl-post-grid-empty {padding:100px 20px; text-align:center} #events_list .fl-post-feed-post {margin-bottom:0; padding-bottom:0; border-bottom:0 none} #events_list .events_item { -webkit-box-shadow: 0 3px 10px 2px rgba(0,0,0,0.2); box-shadow:0 3px 10px 2px rgba(0,0,0,0.2); margin: 40px auto 25px auto; display:table; width:90%; } #events_list .events_item:hover {background:#f5f5f5;} #events_list .events_item > * {display:table-cell; vertical-align:top; padding: 30px 0px;} .events_item #event-datearea {width:230px; background: #3a3938;} .events_item #event-metaarea {width:auto; margin:0 20px; padding:30px;} .events_item #event-metaarea h2 {margin-top:0;} .events_item #event-metaarea a, events_item #event-metaarea a:hover .events_item #event-metaarea a:active, .events_item #event-metaarea a:focus {color:#3a3938; background:none} .events_item #event-metaarea p {font-size:80%;} .events_item #event-link {width:120px; text-align:left; vertical-align:middle;} .events_item #event-link a, .events_item #event-link a:active, .events_item #event-link a:focus { width:80px; height:80px; padding:14px 20px; text-align:center; border:0 none; font-size: 40px; line-height: 42px; border-radius: 40px; -moz-border-radius: 40px; -webkit-border-radius: 40px; background: #3a3938; } .events_item #event-link a:hover {background:#ffff45; color: #3a3938;} /*Event Single Page*/ #event-desc img.alignright {width: 35%; min-width: 300px;} /* Event Bookings */ .em-booking-form-details {display:block; width:40%; margin:20px 5%; display:right} .em-booking-form label {width:auto; font-weight:300;} .em-booking-form-details input.input, .em-booking-form-details textarea{ font-size: 18px; line-height: 1.3333333; border-radius: 0; -webkit-border-radius: 0; background: #fff; box-shadow: none; height: auto; min-height: 40px; padding: 1px 10px 1px 10px; color: #3a3938; width:100%; } .em-booking-form-details textarea {height:auto;} .input-dbem_city, .input-dbem_zip, .input-dbem_country { width: 33%; display: inline-block; clear: none; vertical-align:bottom; } .em-booking-form-details .input-dbem_country {width:calc(33% - 8px);} select.dbem_country {max-width:100%; line-height: 40px; height: 40px; padding: 0px 3px; border:1px solid #e6e6e6;font-size:16px;} form.em-booking-form #card-element {margin-top:0px;} table.em-tickets {display:table; float:left; width:50%; margin:20px 0;} table.em-tickets th {padding: 5px 15px 10px 0px; font-size: 120%; font-weight: 300;} table.em-tickets td {padding:15px; border-bottom:0 none} tr.em-ticket { -webkit-box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.5); box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.5); background:#f5f5f5; } tr.em-ticket.active {background:#ffff45} table.em-tickets select {min-width: 60px; text-align: center;} table.em-tickets .ticket-desc {font-size:15px; display:block} /* Group of Tickets by Type */ table.em-tickets tr.group_heading { } table.em-tickets tr.group_heading td { padding: 0px 0px 10px 0px; font-size:130%; transition: all 0.3s linear; -webkit-transition: all 0.3s linear; } table.em-tickets tr.group_heading td span { -webkit-box-shadow: 0 3px 10px 1px rgba(0,0,0,0.2); box-shadow:0 3px 10px 1px rgba(0,0,0,0.2); background: #fff; color:#3a3938; display: block; padding: 10px 15px; transition: all 0.3s linear; -webkit-transition: all 0.3s linear; } table.em-tickets tr.group_heading.ticket-group-open td { padding-bottom:0px; padding-top:30px; } table.em-tickets tr.group_heading:nth-of-type(1) td {padding-top:0px;} table.em-tickets tr.group_heading:hover td span, table.em-tickets tr.group_heading.ticket-group-open td span{ cursor:pointer; background: #3a3938; color:#ffff45; } tr.ticket-group-open + tr.em-attendee-details td {padding:0 0 10px 0;} tr.ticket-group-open + tr.em-attendee-details + tr.group_heading td {padding-top:40px;} form.ticket-groups-form .em-booking-form-details, form.ticket-groups-form table.em-tickets { width: 100%; margin: 20px auto; clear: both; max-width: 700px; float: none; } form.ticket-groups-form .em-booking-form-details {margin-top:60px; padding:0px;} /*tr.em-ticket.ticket-group-open, tr.em-ticket.ticket-group-open + tr.em-attendee-details {transform:scale(0.95);}*/ tr.em-attendee-details td {padding:0 0 40px 0;} .em-attendee-fieldset { padding: 25px; -webkit-box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.5); box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.5); background:#fff; } .em-attendee-fieldset .em-attendee-fields {border-bottom:1px solid #ddd; padding-bottom: 8px; margin-bottom: 8px;} .em-attendee-fieldset .em-attendee-fields:last-child {border-bottom:0 none;} .em-attendee-fieldset strong {display:block; font-size: 90%; font-weight: 300;} .em-attendee-fieldset p {display:inline-block; width:05/02/2019calc(50% - 5px)} .em-attendee-fieldset p label {font-size: 80%; display:block} div.em-booking-message-success {border: 0px none; padding-bottom: 50px;} form.em-booking-form .help-block.with-errors, .em-coupon-message.em-coupon-error, .em-coupon-message.em-coupon-success { font-size: 15px; line-height: 17px; color:#a94442; padding: 0; margin: 0; background: none; text-indent: 0; } .em-coupon-message.em-coupon-success {color:green} .em-coupon-message.em-coupon-success::before { content: "Coupon applied! You\'ve got "; } /*.em-booking-form label {display:none}*/ .em-booking-form-details input::placeholder, .em-booking-form-details input::-moz-placeholder {color:#3a3938} .em-booking-form-details:before {content:"Billing Details"; margin-bottom: 3px; margin-top:-6px; display: block; font-size:130%;} .free_event_form .em-booking-form-details:before {content:"Your Details";} .em-booking-form .em-booking-buttons {margin:30px 0; text-align:center; display:block;} .em-booking-form #tickts_total_to_pay {font-weight:bold} .em-booking-form #em-booking-submit, #ticket-groups-form_checkout_btn { color: #fff; font-size: 17px; line-height: 27px; padding: 15px 50px; font-weight: normal; text-shadow: none; -moz-border-radius: 30px; -webkit-border-radius: 30px; border-radius: 30px; font-family: "Roboto",sans-serif; border:0px none; color: #3a3938; background:#ffff45; margin-top:20px; transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -webkit-box-shadow: 0 3px 10px 2px rgba(0,0,0,0.2); box-shadow: 0 3px 10px 2px rgba(0,0,0,0.2); } #ticket-groups-form_checkout_btn { max-width: 300px; margin: 55px auto 15px auto; cursor:pointer; } .em-booking-form #em-booking-submit:focus, .em-booking-form #em-booking-submit:active, .em-booking-form #em-booking-submit:hover, #ticket-groups-form_checkout_btn:focus, #ticket-groups-form_checkout_btn:active, #ticket-groups-form_checkout_btn:hover {background:#3a3938; color:#ffff45;outline:0;} .em-booking-form #em-booking-submit[disabled],.em-booking-form #em-booking-submit.disabled { background:#ededed; color:#3a3938; cursor: not-allowed; opacity: 0.65; } .em-booking-form #consent_terms {margin:15px auto 0 auto; max-width: 450px;} .em-booking-form #consent_terms p {opacity:0.8; } .em-booking-form #consent_terms a {color:#3a3938;} /*** SHOP PAGES ***/ .woocommerce #respond input#submit.alt.disabled, .woocommerce #respond input#submit.alt.disabled:hover, .woocommerce #respond input#submit.alt:disabled, .woocommerce #respond input#submit.alt:disabled:hover, .woocommerce #respond input#submit.alt:disabled[disabled], .woocommerce #respond input#submit.alt:disabled[disabled]:hover, .woocommerce a.button.alt.disabled, .woocommerce a.button.alt.disabled:hover, .woocommerce a.button.alt:disabled, .woocommerce a.button.alt:disabled:hover, .woocommerce a.button.alt:disabled[disabled], .woocommerce a.button.alt:disabled[disabled]:hover, .woocommerce button.button.alt.disabled, .woocommerce button.button.alt.disabled:hover, .woocommerce button.button.alt:disabled, .woocommerce button.button.alt:disabled:hover, .woocommerce button.button.alt:disabled[disabled], .woocommerce button.button.alt:disabled[disabled]:hover, .woocommerce input.button.alt.disabled, .woocommerce input.button.alt.disabled:hover, .woocommerce input.button.alt:disabled, .woocommerce input.button.alt:disabled:hover, .woocommerce input.button.alt:disabled[disabled], .woocommerce input.button.alt:disabled[disabled]:hover, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt { background-color: #ffff45; color: #3a3938; border-radius: 30px; -webkit-border-radius: 30px; -webkit-box-shadow: 0 3px 10px 2px rgba(0,0,0,0.2); box-shadow: 0 3px 10px 2px rgba(0,0,0,0.2); transition: all 0.3s linear; -webkit-transition: all 0.3s linear; font-size: 17px; line-height: 27px; padding: 15px 50px; font-weight:normal; } .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover { background-color: #3a3938; color: #ffff45; } .woocommerce-error, .woocommerce-info, .woocommerce-message { background: #3a3938; color: #ffff55; border-top-color:#ffff55; } .woocommerce-error::before, .woocommerce-info::before, .woocommerce-message::before {color: #ffff55; } #widget-basket {text-align: right; font-size: 17px;} #widget-basket a {text-decoration:none;} #widget-basket a:hover {background:#ffff45; color: #3a3938;} #widget-basket a.icon {background:transparent} #widget-basket a i {font-size: 140%; margin: 0 5px; display: inline-block; vertical-align: text-bottom;} #widget-bread {font-size: 17px;} #widget-bread a {text-decoration:none;} .woocommerce ul.products li.product .onsale, .woocommerce span.onsale { background:#ffff45; color:#3a3938; height: auto; width: auto; margin: 0px; border-radius: 0px; -webkit-border-radius: 0px; min-width: auto; min-height: auto; padding: 10px 30px; line-height: 130%; right: auto; left: 0; top:0; font-weight:normal; } span.onsale_msg {margin:-3px auto -30px auto; font-size:22px; background: #ffff45; color:#3a3938; display: block; max-width: 300px; } /* Single Product - Quick Description/Pricing Area */ .summary h1.product_title {text-align:center;} .summary p.price, .summary p.stock {text-align: center;} .summary p.price > .woocommerce-Price-amount, .summary p.price > ins > .woocommerce-Price-amount{ display: inline-block; background: #ffff45; padding: 5px 15px; margin: 30px auto 10px auto; color: #3a3938; font-weight:400; -webkit-box-shadow: 0 3px 10px 2px rgba(0,0,0,0.2); box-shadow: 0 3px 10px 2px rgba(0,0,0,0.2); } /* Hide HTML5 number input spin box */ .woocommerce .quantity input[type="number"]::-webkit-outer-spin-button, .woocommerce .quantity input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none !important; margin: 0; } .woocommerce .quantity input[type="number"] { -moz-appearance: textfield; } .woocommerce div.product form.cart div.quantity {width:100%; text-align:center; display:block; float:none} .woocommerce div.product form.cart div.quantity > input, .woocommerce div.product form.cart div.quantity > div {display:inline-block; margin:0px 5px; vertical-align:middle} .woocommerce div.product form.cart div.quantity > input[type="number"] { border: 1px solid #ededed; color:#3a3938; border-radius:20px; -webkit-border-radius:20px; font-weight: 300; font-size:18px; height:40px; padding:10px 15px; background: #ededed; -webkit-box-shadow: 0 3px 10px 2px rgba(0,0,0,0.2); box-shadow: 0 3px 10px 2px rgba(0,0,0,0.2); } .woocommerce div.product form.cart div.quantity > .plus, .woocommerce div.product form.cart div.quantity > .minus { background: transparent; color: #3a3938; font-size: 36px; border: 0px none; margin: 0; line-height: 30px; } .woocommerce div.product form.cart div.quantity > .plus:hover, .woocommerce div.product form.cart div.quantity > .minus:hover { background:#ffff45; cursor:pointer; } .woocommerce div.product form.cart .button {float:none; clear:both; display:block; margin:35px auto;} #single-product-page-area .summary .at-share-btn-elements { text-align: center; margin:15px 0; } /*For products without variations*/ .woocommerce div.product p.price del { display:block; margin: 25px auto -30px auto; text-decoration:none; background: #ffff45; color:#3a3938; display: block; max-width: 300px; font-size:22px; opacity:1 } .summary p.price del .woocommerce-Price-amount:before {content:"On Sale! Was ";} /*For products with variations*/ .summary .single_variation_wrap > .single_variation {text-align: center; margin-bottom:35px; font-size:90%;} .woocommerce div.product form.cart .woocommerce-variation-description p {margin-bottom:0px;} .woocommerce div.product form.cart .variations {margin-bottom:5px;} .woocommerce div.product form.variations_form > .variations > div.label {padding:0px;} .woocommerce div.product form.variations_form h4 {margin-bottom:-5px; margin-top:15px;} .woocommerce div.product form.variations_form .btn-group {text-align:center; display:block} .woocommerce div.product form.variations_form .btn-group .btn-group-option {margin: 15px 5px; display:inline-block} .woocommerce div.product form.variations_form .btn-group .btn-group-option input[type="radio"] {position:absolute; clip: rect(0,0,0,0); pointer-events: none;} .woocommerce div.product form.variations_form .btn-group .btn { background: #ededed; width: auto; min-width:70px; height: 40px; margin: 0px; border: 1px solid #ededed; color:#3a3938; border-radius:20px; -webkit-border-radius:20px; font-weight: 400; font-size:14px; padding:10px 15px; -webkit-box-shadow: 0 3px 10px 2px rgba(0,0,0,0.2); box-shadow: 0 3px 10px 2px rgba(0,0,0,0.2); -webkit-transition: .4s; transition: .4s; } .woocommerce div.product form.variations_form .btn-group .btn.active, .woocommerce div.product form.variations_form .btn-group .btn:hover, .woocommerce form.variations_form .btn-group input:checked+label.btn { box-shadow: none; color: #3a3938; background: #ffff45; border: 1px solid #ffff45; } .woocommerce form.variations_form .btn-group input:disabled+label.btn, .woocommerce form.variations_form .btn-group input:disabled+label.btn:hover { color: #aaa; box-shadow: none; text-decoration:line-through; background: #ededed; border: 1px solid #ededed; } .woocommerce div.product form.cart .reset_variations {display: block; font-size: 15px; text-align: center; margin-bottom:15px;} .woocommerce div.product form.cart .reset_variations:hover, .woocommerce div.product form.cart .reset_variations:active {background:transparent; color:red} .summary .woocommerce-variation-price .woocommerce-Price-amount { display:none;} .summary .woocommerce-variation-price del .woocommerce-Price-amount { text-decoration:line-through } /* Single Product - Full Description Area */ #product_full_description {width:100%; display:block; clear:both;margin:40px 0 15px 0;} #product_full_description h2 {font-size:36px; margin-top: 50px; margin-bottom: 20px;} #product_full_description .spacer {margin-top:30px;} .woocommerce table.shop_attributes {font-size:80%; border-top:0 none; margin:0 15px; width: calc(100% - 30px)} .woocommerce table.shop_attributes th, .woocommerce table.shop_attributes td, .woocommerce table.shop_attributes tr:nth-child(2n) td, .woocommerce table.shop_attributes tr:nth-child(2n) th {border:0 none; background:transparent; padding: 2px 0; font-style:normal} .woocommerce table.shop_attributes th {font-weight:400;} .woocommerce table.shop_attributes td p:first-child {padding:0;} /* Related Products Widget */ #widget-related-products section.related.products > h2 {display:none;} #widget-related-products ul.products {padding:0; display: flex; flex-flow: row wrap;} #widget-related-products ul.products li.product { width: calc(33% - 30px); display: flex; flex-grow: 1; flex-basis: 0; flex-flow: column; margin: 20px 15px; padding:0; min-width:250px; } #widget-related-products ul.products li.product * { transition: all 0.3s linear; -webkit-transition: all 0.3s linear; } #widget-related-products ul.products li.product a.woocommerce-LoopProduct-link { padding:0; display: flex; flex-direction: column; flex-grow: 1; flex-basis: 0; align-items: stretch;width: 100%; color: #3a3938; background: #ececec; } #widget-related-products ul.products li.product a.woocommerce-LoopProduct-link > h2, #widget-related-products ul.products li.product a.woocommerce-LoopProduct-link > span.price { padding: 10px 30px; font-size: 25px; text-align:center; font-family:"Roboto", sans-serif; font-weight:400; line-height: 28px; background:transparent; color:#3a3938; text-decoration:none !important; } #widget-related-products ul.products li.product a.woocommerce-LoopProduct-link > span.price {font-size:30px;} #widget-related-products ul.products li.product a.button { margin-top:0;background:#ffff45; color:#3a3938; border-radius:0; -webkit-border-radius:0; padding: 20px 0px; width: 100%; font-size: 20px; text-align: center; font-family: "Roboto", sans-serif; font-weight: 400; line-height: 24px; text-transform:capitalize; } #widget-related-products ul.products li.product:hover a.woocommerce-LoopProduct-link {background:#ffff45; color:#3a3938} /* SHOP ARCHIVE PAGES */ /* Related Products Widget */ body.archive ul.products {padding:0; display: flex; flex-flow: row wrap;} body.archive ul.products.columns-3 li.product { max-width: calc(33% - 30px); display: flex; flex-grow: 1; flex-basis: 0; flex-flow: column; min-width:266px; margin: 20px 15px; padding:0; } body.archive ul.products li.product a.woocommerce-LoopProduct-link { padding:0; width: 100%; color: #3a3938; background: #ececec; transition: all 0.3s linear; -webkit-transition: all 0.3s linear; display: flex; flex-direction: column; flex-grow: 1; flex-basis: 0; align-items: stretch; } /*body.archive ul.products li.product:hover a.woocommerce-LoopProduct-link {background:#ffff45; color:#3a3938}*/ body.archive ul.products li.product:hover { -webkit-box-shadow: 0 3px 10px 2px rgba(0,0,0,0.2); box-shadow: 0 3px 10px 2px rgba(0,0,0,0.2); } body.archive ul.products li.product a.woocommerce-LoopProduct-link > h2, body.archive ul.products li.product a.woocommerce-LoopProduct-link > span.price { padding: 10px 30px; font-size: 25px; text-align:center; font-family:"Roboto", sans-serif; font-weight:400; line-height: 28px; background:transparent; color:#3a3938; text-decoration:none !important; } body.archive ul.products li.product a.button { margin-top:0;background:#3a3938; color:#fff; border-radius:0; -webkit-border-radius:0; padding: 20px 0px; width: 100%; font-size: 20px; text-align: center; font-family: "Roboto", sans-serif; font-weight: 400; line-height: 24px; text-transform:capitalize; transition: all 0.3s linear; -webkit-transition: all 0.3s linear; } body.archive ul.products li.product:hover a.button { background:#ffff45; color:#3a3938; } /*SHOP FRONT PAGE - FILTERS AREA*/ header.woocommerce-products-header { padding: 10px 20px; background: #eee; width: calc(100vw - 0px); left: 50%; right: 50%; margin: 0px -50vw 30px -50vw; position: relative; } header.woocommerce-products-header > *{ max-width: 1180px; width: 100%; margin: 20px auto; padding: 0px 20px; } .woocommerce .woocommerce-result-count {margin-left:20px; font-size:70%} .woocommerce .woocommerce-ordering {margin-right:20px; font-size:70%} .prdctfltr_woocommerce .prdctfltr_woocommerce_ordering {margin:0px;} .prdctfltr_filter .prdctfltr_regular_title {font-weight:400px; font-size:125%} .prdctfltr_collector {margin-bottom:15px; margin-top:-10px;} .prdctfltr_filter {margin:0px 25px; font-weight:300;} .prdctfltr_filter .prdctfltr_add_scroll {margin-top:10px; } .prdctfltr_checkboxes .prdctfltr_customize_border {border-width:1px; border-radius:20px; -webkit-border-radius:20px; font-weight:300;} .prdctfltr_checkboxes label:not(.pf_adoptive_hide):hover .prdctfltr_customize_border, .prdctfltr_checkboxes label.prdctfltr_active .prdctfltr_customize_border { color:#3a3938 !important; background:#ffff45; border-color: #ffff45 !important; } .prdctfltr_checkboxes label:hover .pf_adoptive_hide .prdctfltr_customize_border { border-color: #eeeeee; color: #eeeeee; background:#eeeeee !important; } .prdctfltr_cat {max-width:350px; margin:0;} .prdctfltr_cat .prdctfltr_checkboxes label { font-size: 90%; line-height: 24px; display: block; font-weight: 300; padding-left: 15px; margin-top: 10px; } /*New Changes to Filters to make them like initial design*/ header.woocommerce-products-header {background:#3a3938; text-align:center} header.woocommerce-products-header h1 {display:none;} .prdctfltr_woocommerce_ordering .prdctfltr_filter_wrapper {max-width:100%; overflow:hidden !important} .prdctfltr_wc.pf_mod_row.prdctfltr_scroll_default .prdctfltr_woocommerce_ordering .prdctfltr_filter_inner { width:100% !important; } .prdctfltr_wc.prdctfltr_wc_regular.prdctfltr_woocommerce.pf_default .prdctfltr_woocommerce_ordering .prdctfltr_filter, .prdctfltr_wc.pf_mod_row .prdctfltr_filter_inner .prdctfltr_filter { display:block; float:none; width:100% !important; padding:0px; margin:15px 0; } .prdctfltr_cat {max-width:100%;} .prdctfltr_cat .prdctfltr_checkboxes label { display: inline-block; height: 42px; margin: 15px; min-width: 70px; background: #fff; color: #3a3938; border-radius: 20px; -webkit-border-radius: 20px; padding: 10px 20px; -webkit-box-shadow: 0 3px 10px 2px rgba(0,0,0,0.2); box-shadow: 0 3px 10px 2px rgba(0,0,0,0.2); -webkit-transition: .4s; transition: .4s; font-weight: 400; text-align: center; white-space: nowrap; vertical-align: middle; font-size: 14px; line-height: 1.42857143; } .prdctfltr_cat .prdctfltr_checkboxes label.prdctfltr_active {font-weight: 400; background:#ffff45 } .prdctfltr_wc.prdctfltr_bold .prdctfltr_filter label.prdctfltr_active > span { font-weight: 400; color: #3a3938; } .prdctfltr_added_loader {background-color:transparent;} .prdctfltr_search label {max-width:780px; margin-right:auto; margin-left:auto; overflow:hidden;} input.pf_search[type="text"], .pf_search_trigger {border-radius:50px; -webkit-border-radius:50px; height:60px; padding:15px 30px; font-size:20px; color:#3a3938; float:left; position:relative; display:block; ;} input.pf_search[type="text"] {width:80%;margin-left:5% !important;font-weight:300} a.pf_search_trigger {max-width:220px; width:20%; background:#ffff45; border:0 none; margin-left:-10%; text-decoration:none;font-weight:normal; line-height:29px;} a.pf_search_trigger:hover {background:#ffff45; color:#3a3938} .prdctfltr_wc .prdctfltr_buttons {margin-top:0px;} .prdctfltr_buttons .prdctfltr_reset {color:#fff} .prdctfltr_buttons .prdctfltr_reset label {font-weight:300} /*Cart Pages*/ body.woocommerce-cart .fl-page-content > .fl-builder-content > .hide-if-empty {display:none;} .woocommerce-checkout, .woocommerce-cart-form {margin-top:-30px;} .woocommerce table.shop_table {display:table} #add_payment_method table.cart img, .woocommerce-cart table.cart img, .woocommerce-checkout table.cart img {width:100px;} .post-contentarea .woocommerce-cart-form td, .post-contentarea .woocommerce-cart-form th, .woocommerce-checkout-review-order-table td, .woocommerce-checkout-review-order-table th {border:0px none;} .woocommerce-cart-form .quantity .plus, .woocommerce-cart-form .quantity .minus {display:none;} .woocommerce table.shop_table {border:0px none;} .woocommerce table.shop_table_responsive tr td::before, .woocommerce-page table.shop_table_responsive tr td::before {font-weight: 300;} .woocommerce-cart .cart_totals h2 {display:none} .woocommerce-cart .cart_totals table.shop_table {margin-bottom:20px; /*background: #f5f5f5; -webkit-box-shadow: 0 3px 10px 2px rgba(0,0,0,0.2); box-shadow: 0 3px 10px 2px rgba(0,0,0,0.2);*/ } .woocommerce-cart .cart_totals tr.woocommerce-shipping-totals td, .woocommerce-cart .cart_totals tr.woocommerce-shipping-totals th { border:0px none; font-weight:300} .woocommerce-cart .cart_totals tr.woocommerce-shipping-totals p.woocommerce-shipping-destination { font-size: 15px; line-height:125%; text-align: left; margin: -10px 0 10px 0; } .woocommerce-cart .cart_totals tr.cart-subtotal th, .woocommerce-cart .cart_totals tr.woocommerce-shipping-totals p.woocommerce-shipping-destination strong {font-weight:300;} .woocommerce-cart .cart_totals tr.woocommerce-shipping-totals label, .woocommerce-cart .cart_totals tr.woocommerce-shipping-totals span, .woocommerce .cart_totals tr.woocommerce-shipping-totals ul#shipping_method .amount {font-weight:300} .woocommerce-cart .cart_totals tr.order-total td, .woocommerce-cart .cart_totals tr.order-total th {background: #f5f5f5; border:0px none; font-weight:700} .woocommerce table.shop_table td.actions {padding:25px 20px} .woocommerce-cart-form button.button { border-radius:30px; -webkit-border-radius:30px; font-weight:300; font-size: 17px; line-height: 27px; } .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce-cart-form .actions > button {color:#3a3938; background:#ffff45; border-color: #ffff45} .woocommerce-cart-form .actions > button:disabled {background:#ebe9eb; color:#515151} #coupon_code {margin-top:5px; min-width:150px;} .woocommerce-cart-form input[type='text'], .woocommerce-checkout input[type='text'], .woocommerce-checkout input[type='tel'], .woocommerce-checkout input[type='email']{ font-size: 18px; line-height: 1.3333333; border-radius: 0; -webkit-border-radius: 0; background: #fff; box-shadow: none; height: auto; min-height: 40px; padding: 1px 10px 1px 10px; color: #3a3938; } .woocommerce-checkout .select2-selection--single { height: 40px; padding: 6px 2px; border-radius: 0; -webkit-border-radius: 0; font-size:18px; color: #3a3938; border:1px solid #e6e6e6; margin-top:-5px; } .select2-container--default .select2-selection--single .select2-selection__arrow {height:40px;} .woocommerce-cart-form input[type='text']::placeholder, .woocommerce-checkout input[type='text']::placeholder, .woocommerce-checkout input[type='tel']::placeholder, .woocommerce-checkout input[type='email']::placeholder {color:#3a3938;} .woocommerce-cart-form input[type='text']:focus, .woocommerce-cart-form input[type='text']:active, .woocommerce-checkout input[type='text']:focus, .woocommerce-checkout input[type='text']:active, .woocommerce-checkout input[type='email']:focus, .woocommerce-checkout input[type='email']:active, .woocommerce-checkout input[type='tel']:focus, .woocommerce-checkout input[type='tel']:active{ background:#f5f5f5; } .woocommerce form.woocommerce-checkout .woocommerce-billing-fields label, .woocommerce form.woocommerce-checkout .shipping_address label {display:none;} .woocommerce form.woocommerce-checkout .mailchimp-newsletter label { display: inline-block; font-size: 18px; font-weight: 300; } #order_review {background: #fff;margin-bottom: 25px; } #order_review table.shop_table {margin-bottom:0px;} #order_review table.shop_table tr td {padding:10px 15px;} #order_review table.shop_table tr.cart_item td {padding:20px 15px;} #order_review table.shop_table thead th.product-total, #order_review table.shop_table tr.cart_item td.product-total {text-align:right;} #order_review table.shop_table tr.cart-subtotal th, #order_review table.shop_table tr.cart-subtotal td {padding-top:35px;} #order_review table.shop_table tr.woocommerce-shipping-totals td, #order_review table.shop_table tr.woocommerce-shipping-totals th { border:0px none} #order_review table.shop_table #shipping_method li {margin-bottom:0px;} #order_review table.shop_table tr.woocommerce-shipping-totals label, #order_review table.shop_table tr.woocommerce-shipping-totals span, #order_review table.shop_table tr.woocommerce-shipping-totals ul#shipping_method .amount, .woocommerce table.shop_table tfoot th, .woocommerce table.shop_table tfoot td {font-weight:300; text-align:right} #order_review table.shop_table tr.order-total td, #order_review table.shop_table tr.order-total th {background: #ffff45; border:0px none} #customer_details .col-1 {margin-bottom:50px; background: #f5f5f5; padding:0px 25px 25px 25px; -webkit-box-shadow: 0 3px 10px 2px rgba(0,0,0,0.2); box-shadow: 0 3px 10px 2px rgba(0,0,0,0.2); } #customer_details .col-2 {padding:0px 25px;} #ship-to-different-address {font-size: 90%; padding-left: 25px; margin:0 0 5px 0} #ship-to-different-address label {margin:0px;} #ship-to-different-address-checkbox {margin-top:7px;} li.select2-results__options {font-size: 15px;} .shipping_address {background: #f5f5f5; padding: 15px; margin: 5px auto 25px auto; width:90%; } .woocommerce-checkout-review-order-table {font-size:90%;} #order_review_after {padding:0; margin-top:-15px; margin-bottom:50px; font-size:18px;} #back_to_cart {text-decoration: none;} #order_comments {font-size: 18px; background: #fff; height:auto;} .woocommerce-additional-fields label[for="order_comments"] {font-weight:300;} .woocommerce-billing-fields > h3 {display:none;} .woocommerce-checkout #payment {background:none;} #add_payment_method #payment ul.payment_methods, .woocommerce-cart #payment ul.payment_methods, .woocommerce-checkout #payment ul.payment_methods {padding: 0; border-bottom: 0px none;} #payment .methods label[for="payment_method_stripe"], #payment li.payment_method_stripe .payment_box:before, #payment li.payment_method_stripe label[for="card-element"], #stripe-payment-data > p {display:none} #payment li.payment_method_stripe .payment_box {padding:0px 2px; margin:0px; background:none} .woocommerce-checkout #payment div.payment_box .wc-credit-card-form {margin:0px;} #stripe-card-element { background: #fff; border-color:#e6e6e6; padding: 10px 5px; margin: 10px auto; } #billing_city_field, #billing_postcode_field, #billing_country_field, #shipping_city_field, #shipping_postcode_field, #shipping_country_field { width: 33%; display: inline-block; clear: none; } #billing_country_field, #shipping_country_field {width:34%;} .woocommerce-checkout #payment div.place-order {text-align:center; padding-top:0px;} .woocommerce #payment #place_order, .woocommerce-page #payment #place_order {float:none;} .final_total {font-size:90%; margin-bottom:15px;} .woocommerce .woocommerce-customer-details address {border:0px none;} .woocommerce table.order_details td, .woocommerce table.order_details th {border:0px none} .woocommerce ul.order_details {background: #f5f5f5; padding: 25px 25px 15px 25px;} /*** ARCHIVE PAGES ***/ #archive-postsarea {} #archive-postsarea h2.fl-post-feed-title { line-height: 33px; } #archive-postsarea h2.fl-post-feed-title a { text-decoration:none} #archive-postsarea .fl-post-feed-image img {margin-top:15px;} /* Campaigns Archive Page */ #campaigns_searchbox {max-width:780px; margin-right:auto; margin-left:auto; overflow:hidden;} #campaigns_search, #events_search, #campaigns_search_button {border-radius:50px; -webkit-border-radius:50px; height:60px; padding:15px 30px; font-size:20px; color:#3a3938; float:left} #campaigns_search, #events_search {width:80%;margin-left:5%;} #campaigns_search_button {max-width:220px; width:20%; background:#ffff45; border:0 none; margin-left:-10%;} /* Only overides to the class .campaigns_related */ #campaigns_related_archivepage .fl-post-grid, #campaigns_related_archivepage .fl-post-grid-post {margin:0; display: block;} #campaigns_related_archivepage .fl-post-column { width: calc(33% - 30px); display: block; margin: 50px 15px; padding:0; min-width:250px; } #campaigns_related_archivepage .fl-post-grid-text {background: #3a3938;} #campaigns_related_archivepage .fl-post-grid-text h2.fl-post-grid-title {padding: 40px 20px;} #campaigns_related_archivepage h2.fl-post-grid-title a, #campaigns_related_archivepage h2.fl-post-grid-title a:hover { font-size: 30px; text-align:left; line-height: 35px; background:transparent; color:#ececec; text-decoration:none !important; } #campaigns_related_archivepage .fl-post-column:hover .fl-post-grid-text {background:#ffff45; color:#3a3938} #campaigns_related_archivepage .fl-post-column:hover h2.fl-post-grid-title a, #campaigns_related_archivepage h2.fl-post-grid-title a:hover {color:#3a3938;} #homepage_top_slidearea {max-width:100%; overflow:hidden;} /*** AUTHOR ARCHIVES ***/ .author_bio, .author_social {text-align:center;} .author_social .social_links a {margin:0 5px; padding:7px 12px; border-radius:20px; -webkit-border-radius:20px; background-color:#eee} .author_social .social_links a:hover {background-color:#3a3938; color:#ffff45} /*** SPECIFIC PAGES ***/ /*Support Us page*/ /*.pledge_text .fl-node-content {}*/ #support_us_pagecontent {margin-bottom:-50px;} #support_us_area .fl-col-group-equal-height {border:0 none; margin:0; display: flex; flex-wrap: wrap;} #support_us_area .pledge_column { width: calc(33% - 30px); display: flex; flex-grow: 1; flex-basis: 0; margin: 20px 15px; padding:0; min-width:200px; } .pledge_image .fl-node-content {padding:0; display: flex; flex-direction: column; flex-grow: 1; flex-basis: 0; width: 100%; background: #3a3938; color:#ededed; margin:0; height:100%;} .pledge_image img {width:100%;} .pledge_text {height:100%} .pledge_text .fl-node-content {padding:40px 20px; display: flex; flex-direction: column; flex-grow: 1; flex-basis: 0; width: 100%; background: #3a3938; color:#ededed; margin: 0; height:100%; max-height:240px;} .pledge_text .fl-node-content h2 { font-size: 30px; text-align: left; font-family: "Roboto", sans-serif; font-weight: 400; line-height: 33px; } .pledge_text .fl-node-content h2 .fl-heading-text { flex: 1 0 auto;} .pledge_column:hover .pledge_text .fl-node-content {background:#ffff45; color:#3a3938} .pledge_column:hover .pledge_text .fl-node-content h2 .fl-heading-text {color:#3a3938;} #donate_bank {margin-top: 30px; display: block; opacity:0.8} #donate_bank:hover {opacity:1} #donate_bank_text {margin-bottom: 50px; padding:25px; background:#fff; color:#333; border-radius:5px } a.supporter_logo { width: 22%; display: inline-block; margin: 25px 5%; padding:0; } a.supporter_logo:hover, a.supporter_logo:active, a.supporter_logo:focus {background:transparent; text-decoration:none;} a.supporter_logo img { -webkit-filter: grayscale(100%); filter: grayscale(100%); } a.supporter_logo:hover img { -webkit-filter: grayscale(0%); filter: grayscale(0%); } /* ACTIONS AREAS */ #actions_area {margin:80px auto 0 auto} #actions_area:focus, #actions_area:active {outline:0;} #actions_area .nav-tabs {width:100%;} #actions_area .nav-tabs, #actions_area .nav-tabs > li {text-align:center; display:inline-block; float:none} #actions_area .nav-tabs > li {margin-top:2px;} #actions_area .nav-tabs > li > a { display:inline-block; padding:0 40px 10px 40px; text-align:center; background:#ededed; color:#3a3938; text-decoration:none; border-radius:0; -webkit-border-radius:0; border:0 none; margin:0 -5px; } #actions_area .nav-tabs img { display: block; clear: both; width: 120px; height: 120px; padding: 15px; margin:-60px auto 10px auto; background: #ffff45; border-radius: 100%; -webkit-border-radius: 100%; } #actions_area .nav-tabs > li.active > a, #actions_area .tab-content {background:#3a3938; color:#ededed;} #actions_area .tab-content {padding:30px;} #actions_area .tab-content h2 {color:#ededed} #actions_area .tab-content a {color:#ffff45} #actions_area .tab-content a:hover {color:#ededed} #actions_area .tab-content > .active {display:flex;} .action_tab .image_right {margin:-31px -31px -31px 0;} .action_tab .image_left {margin:-31px 0 -31px -31px; } .action_tab .image_min-53, .action_tab .image_min-53 {min-width:53%} .action_tab .full_width {text-align:center; max-width: 800px; margin: auto; width:100%} .action_tab .image_right img, .action_tab .image_left img {height:auto;} .action_tab .content_left {padding-right:50px;} .action_tab .content_right {padding-left:50px;} #pledge_text {color: #ffff45; font-size: 115%; font-style: italic;} .action_petition #pledge_text { text-align: left; font-style: normal; color: inherit; border: 1px solid #888; font-size: 90%; padding: 20px; margin: 25px 0; } .action_email #email_body_edit {height:300px !important; overflow-y:scroll;} .action_email #email_body_edit a {color: #F9A825; text-decoration: none;} .action_email .image_min-53 {min-width:auto; text-align:center; margin:0; padding: 25px 5%;} .action_email .profile_pic {max-width: 200px; border-radius: 50%; -webkit-border-radius: 50%;} .action_email h4 {color:#ededed;} .action_email #email_body_edit_toolbar .btn-group {margin-right:20px} .action_email #email_body_edit_toolbar button { margin: 0px; padding: 6px 12px; border-radius: 0px; -webkit-border-radius: 0px; box-shadow: none; -webkit-box-shadow: none; background: #e5e5e5; border:1px solid #555; float:left; } h4#mp_name {margin-top:0px;} /* FEATURED CONTENT */ .featured_post {} .featured_post {width:90%; margin-right:auto; margin-left:auto} .featured_post .fl-post-grid-post {border:0 none;} .featured_post .fl-post-text, .featured_post .fl-post-more-link a {transition: all 0.3s linear;-webkit-transition: all 0.3s linear; position: relative;} .featured_post .fl-post-text {background:#3a3938; padding:30px; overflow:auto} .featured_post .fl-post-text-area {width:70%; float:left} .featured_post .fl-post-more-link { width:30%; float:right; text-align:right} .featured_post .fl-post-more-link a { height: 95px; width: 95px; margin-top:25px; float:right; content:" "; display:block; background-image:url('foa_arrow.png'); background-position: center right; background-repeat: no-repeat; background-size: contain; } .featured_post .fl-post-more-link a:hover {background-color:transparent;} /*.featured_post .fl-post-image {max-height:600px; overflow:hidden;}*//*Remove by SC 19/06/2019*/ .featured_post h2.fl-post-title {margin:10px 0} .featured_post h2.fl-post-title a { font-size: 50px; text-align:left; line-height: 55px; background:transparent; color:#ffff45; text-decoration:none !important; } .featured_post .fl-post-excerpt {font-size: 25px; text-align:left; font-family:"Roboto", sans-serif; font-weight:300; line-height: 35px; color:#fff} .featured_post .fl-post-text:hover {background:#ffff45;} .featured_post .fl-post-text:hover .fl-post-more-link a {background-position: top right;} .featured_post .fl-post-text:hover h2.fl-post-title a, .featured_post .fl-post-text:hover .fl-post-excerpt {color:#3a3938;} /*** CTA BANNERS ***/ /* Banner - All CTAs */ .cta_banner {margin:30px auto 30px auto; padding:0 15px} .cta_banner > .fl-row-content-wrap {padding:0;} .cta_banner .cta_banner_content > .fl-node-content {padding:35px 0px;} .cta_banner_content, .cta_banner_content > .fl-col-content, .cta_banner_title a, .cta_banner_text > .fl-module-content {transition: all 0.3s linear; -webkit-transition: all 0.3s linear;text-align:center;} .cta_banner_title a {color:#ffff45; text-decoration:none;} .cta_banner_text > .fl-module-content {color:#ededed; max-width: 600px; margin: 0px auto;} .cta_banner:hover .cta_banner_content > .fl-col-content {background:#ffff45; color:#3a3938;} .cta_banner:hover a, .cta_banner:hover .cta_banner_text > .fl-module-content {color:#3a3938;} .cta_banner_title a:hover {background:transparent; color:#3a3938;} .cta_banner_content a.fl-button:hover, .cta_banner_content a.fl-button:focus, .cta_banner_content a.fl-button:active { background-color: transparent; border:0 none; } /* Banner - Bottom Donate */ #banner_bottom_donate a, #banner_bottom_donate a:visited { text-decoration:none; } #banner_bottom_donate a:hover, #banner_bottom_donate a:focus, #banner_bottom_donate a:active { background-color: transparent; border:0 none; } /*** FORMS ***/ form {margin:15px auto;} .form-group {margin-bottom:10px;} .form-group-lg .form-control { border-radius:0; -webkit-border-radius:0; background:#ededed; box-shadow:none; } .form-group-lg textarea.form-control { height:auto; } .form-group-lg .control-label { padding-top: 8px; font-family: "Roboto", sans-serif; font-size: 19px; font-weight: 300; line-height: 1.5; } .form-group button { -webkit-box-shadow: 0 3px 10px 2px rgba(0,0,0,0.2); box-shadow: 0 3px 10px 2px rgba(0,0,0,0.2); font-size: 17px; line-height: 27px; padding: 15px 50px; background:#ffff45; color:#3a3938; border-radius:30px; -webkit-border-radius:30px; border:0 none; transition: all 0.3s linear; -webkit-transition: all 0.3s linear; } .form-group button:hover, .form-group button:active, .form-group button:focus {background:#3a3938; color:#ffff45;outline:0;} .btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled.focus, .btn-primary.focus[disabled], fieldset[disabled] .btn-primary.focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary.active[disabled], fieldset[disabled] .btn-primary.active { background:#ededed; color:#3a3938; } form .help-block {margin:0;} form .help-block.with-errors {font-size:13px; line-height:15px; color:#ffff45; text-align:left} #contactform .form-group-lg .control-label {padding-top:6px;} #actions_area .form-control {border:1px solid #3a3938} #actions_area .has-error .form-control {border:2px solid #a94442} #consent_terms p {margin:0; font-size:70%; line-height:125%; opacity:0.6} #consent_terms a {color:#ededed;} #consent_terms a:hover {color:#ffff45;} /* Form on Light or Bright Backgrounds */ .form-light h4, #donateform.form-light h4 {color:#3a3938} .form-light .form-group-lg .form-control, #donateform.form-light .form-group-lg .form-control { background:#fff; border:1px solid #e6e6e6} .form-light .help-block.with-errors {color:#a94442} .form-light .form-group button { background:#3a3938 !important; color:#ffff45;} .form-light .form-group button:hover, .form-light .form-group button:active, .form-light .form-group button:focus { background:#ffff45 !important; color:#3a3938;outline:0;} .form-light #consent_terms p {opacity:1} .form-light #consent_terms a {color:#3a3938; text-decoration:underline} .form-light #consent_terms a:hover {color:#0000;} #confirm_content.confirm_content-light .confirm_social a { color: #3a3938; } #confirm_content.confirm_content-light .confirm_social a:hover { color: #aaa; background: none; } /* Confirm Screens */ #confirm_content {text-align:center; padding-right:30px;} .confirm_tick { height: 120px; width: 120px; float:none; content:" "; background-image:url('foa_tick.png'); background-position: center center; background-repeat: no-repeat; background-size: contain; background-color:transparent; border:0 none; margin:35px auto; } #confirm_content h2 {} #confirm_content p { font-size:19px; } #confirm_content .confirm_social {margin:25px 0} #confirm_content .confirm_social a {color:#fff; font-size:30px; margin: 0px 25px; text-decoration: none;} #confirm_content .confirm_social a:hover {color:#ffff45;} p + #donateform {margin-top:35px;} #donateform h4 {color:#ccc; margin-bottom:-5px; margin-top:15px;} #donateform .form-control { border: 1px solid #555; } #donateform select.form-control { /*line-height: 43; height: 43px;*/ padding: 0px 10px;} #donateform .amountarea {display:flex; flex-wrap:wrap; align-content:space-between;} #donateform .otheramount .form-group {min-width:140px; max-width:160px; margin:0 auto 15px auto} #donateform .input-group-addon {border-radius:0; border-color:#555; font-size: 19px; font-weight:300;} #donateform .btn-group .btn { background: #ededed; width: auto; min-width:70px; height: 40px; margin: 15px auto; color:#3a3938; border-radius:20px; -webkit-border-radius:20px; padding:10px 15px; -webkit-box-shadow: 0 3px 10px 2px rgba(0,0,0,0.2); box-shadow: 0 3px 10px 2px rgba(0,0,0,0.2); -webkit-transition: .4s; transition: .4s; } #donateform .btn-group.freq .btn { width: 120px; height: 40px; margin: 15px; } #donateform .btn-group .btn.active, #donateform .btn-group .btn:hover { box-shadow: none; color: #3a3938; background: #ffff45; outline:none; } #donate_next {margin:25px auto;} #card-element {background:#fff; padding:10px 5px; margin:10px auto;} #confirm_donate { text-align:center; background:#ffff45; color:#3a3938; margin:-31px -31px -31px 0; min-width: 400px; padding: 30px; } #confirm_donate.right_col h2 {color:#3a3938; margin-top:40px; font-size:35px } #confirm_donate p {font-size:19px; } #confirm_donate #donateform h4 {color:#3a3938;} #confirm_donate #donateform .btn-group .btn.active { color: #fff; background: #3a3938;} #confirm_donate #donateform .form-control { border: 1px solid #ededed; } #confirm_donate #donateform .input-group-addon {border-radius:0; border-color:#ededed;} #confirm_donate #donateform .help-block.with-errors, #confirm_donate #donateform #card-errors {color:#a94442} #confirm_donate #donateform .has-error .form-control {border:2px solid #a94442} /* Toggle Switches */ #consent.switches { display: flex; flex-wrap: wrap; justify-content: center; } #consent.switches > * {flex:1;} .switch { position: relative; display: inline-block; width: 105px; height: 34px; min-width:105px; } .switch input {display:none;} #consent.switches > div {text-align:right;} .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #bbb; -webkit-transition: .4s; transition: .4s; border-radius: 34px; -webkit-border-radius: 34px; font-size:16px; text-align:center; color:#3a3938; font-weight:normal; padding-top:5px; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .slider:before { position: absolute; content: ""; height: 26px; width: 26px; left: 4px; bottom: 4px; background-color: white; -webkit-transition: .3s; transition: .3s; border-radius: 50%; } input:checked + .slider { background-color: #2196F3; color:#fff; } input:focus + .slider { box-shadow: 0 0 1px #2196F3; } input:checked + .slider:before { -webkit-transform: translateX(72px); -ms-transform: translateX(72px); transform: translateX(72px); } /* Floating Labels */ .has-float-label label {color:#3a3938;} .form-group-lg.has-float-label .form-control { height:auto; min-height:40px; padding:16px 10px 1px 10px; } .has-float-label { display: block; position: relative; } .has-float-label label, .has-float-label label.control-label, .has-float-label > span { position: absolute; cursor: text; font-size: 13px; opacity: 0.7; -webkit-transition: all .2s; transition: all .2s; top: -10px; left: 5px; z-index: 3; line-height: 1; padding: 0 1px; } .has-float-label label::after, .has-float-label label.control-label::after, .has-float-label > span::after { content: " "; display: block; position: absolute; background: transparent; height: 2px; top: 50%; left: -.2em; right: -.2em; z-index: -1; } .has-float-label .form-control::-webkit-input-placeholder { opacity: 1; -webkit-transition: all .2s; transition: all .2s; } .has-float-label .form-control::-moz-placeholder { opacity: 1; transition: all .2s; } .has-float-label .form-control:-ms-input-placeholder { opacity: 1; transition: all .2s; } .has-float-label .form-control::placeholder { opacity: 1; -webkit-transition: all .2s; transition: all .2s; } .has-float-label .form-control:placeholder-shown:not(:focus)::-webkit-input-placeholder { opacity: 0; } .has-float-label .form-control:placeholder-shown:not(:focus)::-moz-placeholder { opacity: 0; } .has-float-label .form-control:placeholder-shown:not(:focus):-ms-input-placeholder { opacity: 0; } .has-float-label .form-control:placeholder-shown:not(:focus)::placeholder { opacity: 0; } .has-float-label .form-control:placeholder-shown:not(:focus) + * { opacity: 1; top: 2px; left:15px; font-size:19px; font-weight:300; } .input-group .has-float-label { display: table-cell; } .input-group .has-float-label .form-control { border-radius: 4px; } .input-group .has-float-label:not(:last-child) .form-control { border-bottom-right-radius: 0; border-top-right-radius: 0; } .input-group .has-float-label:not(:first-child) .form-control { border-bottom-left-radius: 0; border-top-left-radius: 0; margin-left: -1px; } /*** RESPONSIVE ***/ @media only screen and (max-width:1396px) and (min-width:993px) { } @media only screen and (max-width: 1180px) { .cta_banner {padding:0 35px;} } @media only screen and (max-width: 1100px) { .cta_banner {margin:30px auto 30px auto; width:95%; padding:0 7px} .cta_banner .cta_banner_content > .fl-node-content {padding:5px 15px;} #actions_area .nav-tabs > li > a { padding:0 40px 10px 40px; } #actions_area .nav-tabs img { width: 90px; height: 90px; padding: 15px; margin:-45px auto 10px auto; } #actions_area .tab-content > .active {flex-wrap:nowrap;} .fl-node-5b37059036a93 .menu a { padding-left:10px; padding-right:10px; } } @media only screen and (max-width: 1023px) { .fl-node-5b37059036a93 .menu a { padding-left:8px; padding-right:8px; } } @media only screen and (max-width: 992px) { .cta_banner {padding:0 10px;} #campaign_header_imagearea, #campaign_header_textarea {width:90% !important; max-width:800px; margin:0 auto;} .featured_post {width:95%; margin-right:auto; margin-left:auto;} .featured_post .fl-post-column {width:100%; } #campaigns_related_archivepage .fl-post-column {width:calc(50% - 30px); margin:20px 15px} body.archive ul.products.columns-3 li.product {max-width:calc(50% - 30px);} .woocommerce .woocommerce-customer-details:last-child address {margin-bottom:40px;} .woocommerce ul.order_details li {border-right:0px none; padding-right:0px; margin-bottom:20px; float:none} #event_maparea.event_maparea-small .em-location-map-container { max-width:350px; } #event_maparea.event_maparea-small .event_map_address_date { width: calc(100% - 400px); min-width:300px; } } @media only screen and (max-width: 979px) { #mainmenu #menu-main-menu li {font-size:17px;} .cta_banner .cta_banner_content, .cta_banner .cta_banner_content + .ft-col-small {width: 50%;} .cta_banner .cta_banner_title h3.fl-heading {font-size: 30px} .cta_banner .cta_banner_text p {font-size: 18px} .cta_banner a.fl-button {font-size: 18px; width: auto; max-width:90%; padding:15px 60px;} .campaigns_related .fl-post-column:nth-of-type(3), #widget-related-products ul.products li.product:nth-of-type(3) {display:none;} #actions_area .nav-tabs > li > a { padding:20px; font-size:20px; } #actions_area .nav-tabs img { width: 60px; height: 60px; padding: 5px; margin:-50px auto 10px auto; } form.woocommerce-checkout .col2-set .col-1, form.woocommerce-checkout .col2-set .col-2 { float: none; width: 100%; max-width:700px; margin:10px auto; } } @media only screen and (max-width: 900px) { #actions_area {margin:20px auto 0 auto;} #actions_area .nav-tabs > li > a { padding:10px 15px; margin: 0px -2px; } #actions_area .nav-tabs img { width: 50px; height: 50px; padding: 5px; margin: 0px; display: inline-block; } body.page-id-28175 .action_tab .image_right.image_min-53 {min-width: 40%; margin: 90px 0;} /*Support Us page*/ .em-booking-form-details {display:block; width:90%; margin:20px 5%;} table.em-tickets {display:table; float:none; width:90%; margin:20px 5%;} } @media only screen and (max-width: 768px) { .cta_banner {padding:0;} #mainmenu .fl-menu-mobile-toggle {padding: 40px 25px;} #mainmenu #menu-main-menu li.menu-item {width:100%; text-align:center;} #mainmenu #menu-main-menu li.menu-item a {padding:20px; width:100%;} #jp-relatedposts .jp-relatedposts-post { display: block; width: 40% !important; margin:15px 5% !important} #jp-relatedposts .jp-relatedposts-post:nth-of-type(2) {display:none;} #mainmenu #menu-main-menu li#menu-item-28199 {box-shadow:none; -webkit-box-shadow:none;} .featured_post > .fl-node-content {margin:-20px 5px} .featured_post .fl-post-column {padding:30px;} .featured_post .fl-post-more-link a {display:none;} .featured_post .fl-post-text-area {width:100%;} .featured_post h2.fl-post-title a {font-size:30px; line-height:125%} .featured_post .fl-post-excerpt {font-size:22px;} #campaigns_related_archivepage {padding:0 20px;} #campaigns_related_archivepage .fl-post-column {width:100%; margin:20px auto;} #campaigns_search_button, a.pf_search_trigger {width:30%; margin-left:-15%;} #campaigns_search, #events_search, input.pf_search[type="text"] { width: 70%; margin-left: 7.5%; } #support_us_area {width:93%; margin:0 auto;} #support_us_area .fl-col-group-align-center {margin-top:20px;} #actions_area .tab-content > .active {flex-wrap:wrap;} .action_tab .image_right, .action_tab .image_left {display:none;} .action_tab .content_left, .action_tab .content_right {padding:0; text-align: center} .has-float-label label, .has-float-label label.control-label, .has-float-label > span { top: 5px; } .has-float-label .form-control:placeholder-shown:not(:focus) + * { top: 11px; } .form-group-lg.has-float-label .form-control {padding-bottom:2px;} #confirm_donate {margin:20px -30px -30px -30px; width:calc(100% + 60px);} #banner_book_event .fl-col-small {max-width:600px} #banner_book_event h3.fl-heading {text-align:center;} #banner_book_event div.fl-button-has-icon > a.fl-button {transform:rotate(90deg); margin-top:-20px;} #organisers + #banner_book_event div.fl-button-has-icon > a.fl-button {transform:rotate(-90deg);} #event_maparea .event_map_address { position: relative; bottom: auto; right: auto; padding: 20px 40px; } .organiser > * {display:block; margin:15px auto; width:100%; text-align:center} .organiser .org_desc {margin:25px auto; width:100%;} #events_list .events_item > * {display:block; width:100%; text-align:center} .events_item #event-link {padding-top:0px} .events_item #event-metaarea {margin:0;} body.archive ul.products.columns-3 li.product {min-width:250px;} .prdctfltr_filter {margin:25px 0;} header.woocommerce-products-header {width: calc(100vw - 0px);} .woocommerce table.shop_table_responsive {border:0px none;} .woocommerce table.shop_table_responsive tr.cart_item, .woocommerce-page table.shop_table_responsive tr.cart_item {margin-bottom:50px; background:#f5f5f5;} .woocommerce-page .woocommerce-message .button { float: none; clear: both; display: block; margin: 0px auto 15px auto; max-width: 350px; text-align: center; font-weight: 300; } .woocommerce-cart table.cart tr.cart_item td {text-align:center !important; border:0px none;} .woocommerce-cart table.cart tr.cart_item td:before{float:none; font-weight: 300;} .woocommerce-cart table.cart .product-thumbnail:before, .woocommerce-cart table.cart .product-name:before {display: none; } .woocommerce-cart table.cart .product-thumbnail {display: block; } .woocommerce-cart table.cart .product-thumbnail a {text-align: center;width: 100%;display: block; background:none} .woocommerce-cart table.cart .product-thumbnail a img {width:150px;} .woocommerce-cart table.cart tr.cart_item td.product-quantity .quantity {display: inline-block; vertical-align: middle; } .woocommerce-cart table.cart tr.cart_item td.product-subtotal { background: #ffff45;} .woocommerce-cart table.cart tr.cart_item td.product-remove a.remove {float:right;} .woocommerce #content div.product div.images, .woocommerce #content div.product div.summary, .woocommerce div.product div.images, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.images, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.images, .woocommerce-page div.product div.summary, .woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals { float: none; width: 100%; } #map {margin-bottom:25px;} #event_maparea.event_maparea-small > * > .fl-html {background: #ededed; padding:20px 0;} #event_maparea.event_maparea-small .em-location-map-container { max-width:100%; width:100%; max-height:350px; margin: 0px auto; display: block; } #event_maparea.event_maparea-small .event_map_address_date { width: 100%; } #event-desc img.alignright {width: 50%; min-width: auto;} #bookings_form h3 {text-align:center;} .em-attendee-fieldset p { display: block; width: 100%; margin: 10px auto; } #archive-postsarea .fl-post-feed-post {width:100%; max-width:600px; margin:0px auto 60px auto;} #post-metaarea {text-align:center;} #widget-bread {margin-top:25px;} .fl-node-5c15f4184eb61 {float:right} .woocommerce-product-gallery {max-width:600px; margin:0px auto; text-align:center} .woocommerce div.product .woocommerce-product-gallery .flex-control-thumbs {display: inline-block; text-align:center; width:100%} .woocommerce div.product div.images .flex-control-thumbs li {float:none; display: inline-block} .woocommerce-product-details__short-description {text-align:center;} #product_full_description .woocommerce-product-details__short-description {text-align:left;} .woocommerce table.shop_attributes {margin:0px;} header.woocommerce-products-header > * {padding:0px;} div.cart-collaterals {margin-top:80px;} header .hamburger { margin-top:20px; } } /* FIX Floating Labels for iOS / Safari */ @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) { .has-float-label label, .has-float-label label.control-label, .has-float-label > span { top: -10px; } .has-float-label .form-control:placeholder-shown:not(:focus) + * { top: 2px; } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) { .has-float-label label, .has-float-label label.control-label, .has-float-label > span { top: -10px; } .has-float-label .form-control:placeholder-shown:not(:focus) + * { top: 2px; } } @media only screen and (max-width: 600px) { body.archive ul.products.columns-3 li.product {max-width:calc(100% - 30px);} #event_maparea.event_maparea-small > * > .fl-html {padding-top:0;} table.em-tickets tr:first-child {display:none;} table.em-tickets tr.group_heading { display: table-row;} table.em-tickets tr.em-ticket td {display: inline-block; width: calc(50% - 5px);} table.em-tickets tr.em-ticket td.em-bookings-ticket-table-type {width:100%; border-top:1px solid #ddd} table.em-tickets tr.em-ticket:first-child td.em-bookings-ticket-table-type {border-top:0px none; padding:15px 15px 0 15px} table.em-tickets tr.em-ticket td.em-bookings-ticket-table-spaces {text-align:right} table.em-tickets tr.em-ticket td {display: inline-block; width: calc(50% - 5px);} .free_event_form tr.em-ticket td {display: inline-block; width: calc(50% - 5px);} #customer_details .col-1, #customer_details .col-2 {padding:0px; box-shadow:none; -webkit-box-shadow:none; background:transparent} #order_review { background: #f5f5f5;} } @media only screen and (max-width: 459px) { .cta_banner {padding:0 5px;} #fl-to-top {height:50px; width:50px;} #footer_social-icons .fl-icon-group-center .fl-icon { margin-left: 20px; margin-right: 20px; } #jp-relatedposts .jp-relatedposts-items { display: block; width:100% } #jp-relatedposts .jp-relatedposts-post { display: block; width: 90% !important; margin:15px 5% !important} #jp-relatedposts .jp-relatedposts-post img.jp-relatedposts-post-img {width:100%; height:auto} #jp-relatedposts .jp-relatedposts-post:nth-of-type(2) {display:block;} .campaigns_related .fl-post-column:nth-of-type(3), #widget-related-products ul.products li.product:nth-of-type(3) {display:flex;} #campaigns_search, #events_search, input.pf_search[type="text"] { width: 80%; margin-left: 0; height: 50px; } input.pf_search[type="text"] { margin-left: 2% !important; } #campaigns_search, #events_search, #campaigns_search_button, a.pf_search_trigger {height: 50px; padding: 15px 15px; font-size: 17px;} .prdctfltr_cat .prdctfltr_checkboxes label {margin:10px;} .prdctfltr_wc.prdctfltr_wc_regular.prdctfltr_woocommerce.pf_default .prdctfltr_woocommerce_ordering .prdctfltr_filter { padding:0px !important} .pledge_text .fl-node-content {padding:20px;} .pledge_text .fl-node-content h2 {font-size:19px; line-height:24px;} a.supporter_logo {width: 45%; margin:10px 2%} #actions_area {margin:0;} #actions_area > .fl-node-content {margin:20px 0;} #actions_area .nav-tabs > li > a { padding:5px; margin: 0px -2px; } #actions_area .nav-tabs img { width: 40px; height: 40px; padding: 2px; } #donateform .btn-group.freq .btn {margin:15px 1px; width:100px} #billing_city_field, #billing_postcode_field, #shipping_city_field, #shipping_postcode_field{ width: 50%; } #billing_country_field, #shipping_country_field {width:100%;} #event-desc img.alignright {display:none;} /*Fix for BG of Join Us */ .fl-builder-mobile .fl-node-5d1ee15163454 > .fl-row-content-wrap, #fl-post-30647 .fl-node-5d1ee15163454 > .fl-row-content-wrap { background-attachment: fixed !important; } } @media only screen and (max-width: 379px) { } .pub-category .catlist { margin-bottom:20px; } .grt-way-keep { text-align:left; font-size:15px; } .btn-black { background:#3a3938; color:#fff; text-decoration:none !important; } .btn-black:hover { background:#ffff45 !important; color:#3a3938 !important; } .action_tab .form-group-lg select.form-control { line-height: inherit; } .action_membership .content_left { padding-right:0; width:100%; } .action_membership .fl-node-5d1ee62c5a2ee > .fl-col-content, .action_membership .fl-node-5d1ee68ae0108 > .fl-col-content { background-color:rgba(58,57,56,0.75); } .action_membership .subscription_column.active > .fl-col-content, .action_membership .subscription_column:hover > .fl-col-content { background:#ffff45; color:#3a3938; } .action_membership .fl-node-5d1ef2adc9056 > .fl-col-content { background-color:#ffff45; } .action_membership .subscription_column .subscription_benefits { display: none; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .action_membership .subscription_column.active .subscription_benefits, .action_membership .subscription_column:hover .subscription_benefits { display: block; } .action_membership .subscription_column.active *, .action_membership .subscription_column:hover * { color: #3a3938 !important; } .action_membership .fl-node-5d1ee62c5a2ee, .action_membership .fl-node-5d1ee68ae0108 { width: 100%; } /*.action_membership .fl-node-5d1ee62c5a2ee > .fl-col-content, .action_membership .fl-node-5d1ee68ae0108 > .fl-col-content { margin-right:25px; margin-left:25px;}*/ .action_membership .form-light, .action_membership #donateform.form-light, .action_membership .form-light h4, .action_membership #donateform.form-light h4 { color:#3a3938; } .action_membership .fl-builder-content a.fl-button, .action_membership .fl-builder-content a.fl-button:visited { background: #ffff45; border: 1px solid #f3f339; color: #3a3938; border-top-left-radius: 25px; border-top-right-radius: 25px; border-bottom-left-radius: 25px; border-bottom-right-radius: 25px; } .action_membership h3.fl-heading .fl-heading-text { color:#ededed; } .action_membership h4.fl-heading .fl-heading-text { color:#ffff45; } .action_membership .fl-builder-content .fl-node-5d1ef1bdc485c a.fl-button, .action_membership .fl-builder-content .fl-node-5d1ef1bdc485c a.fl-button:visited, .action_membership .fl-builder-content .fl-node-5d1ef1bdc485c a.fl-button *, .action_membership .fl-builder-content .fl-node-5d1ef1bdc485c a.fl-button:visited *, .action_membership .fl-builder-content .fl-node-5d1ee8caeffe9 a.fl-button, .action_membership .fl-builder-content .fl-node-5d1ee8caeffe9 a.fl-button:visited, .action_membership .fl-builder-content .fl-node-5d1ee8caeffe9 a.fl-button *, .action_membership .fl-builder-content .fl-node-5d1ee8caeffe9 a.fl-button:visited * { color: #3a3938; } .action_membership .subscription_column.active .join_btn .fl-button, .action_membership .subscription_column:hover .join_btn .fl-button { background:#3a3938 !important; border-color:#3a3938 !important; } .action_membership .subscription_column.active .join_btn .fl-button > *, .action_membership .subscription_column:hover .join_btn .fl-button > * { color: #ffff45 !important; } /*.action_membership .fl-node-5d1ee62c5a2ee > .fl-col-content, .action_membership .fl-node-5d1ee68ae0108 > .fl-col-content { margin-right: 25px; margin-left: 25px; }*/ .action_membership .fl-node-5d1ee1e6802d0, .action_membership .fl-node-5d1ee1e6802d2 { width: 50%; } .action_membership .subscription_column:hover { cursor: pointer; } .btn-primary { background:#ffff45 !important; } .btn-primary:hover { background:#3a3938 !important; } .form-light .form-group button.btn-primary { background:#3a3938 !important; } .form-light .form-group button.btn-primary:hover, .form-light .form-group button.btn-primary:active, .form-light .form-group button.btn-primary:focus { background:#ffff45 !important; } body { overflow-x:hidden; } .member_join_us { margin-left:20px; } .page-id-34458 .pg-hdr.fl-module-heading, .page-id-330918 .pg-hdr.fl-module-heading { display:none !important; } .wd100perc { width: 100%; } .page-template-template-publication-category #campaigns_related_archivepage .fl-post-column { float: left; } .page-template-template-publication-category .campaigns_related a.fl-post-grid-more { display:block; text-decoration:none; } .page-template-template-publication-category .fl-post-column h2 { font-size:30px; color:#fff; margin:0; } .page-template-template-publication-category .fl-post-column:hover h2 { color:#3a3938; } .mpshare { margin-top:20px; } .mpshare a { background: #ffff45 !important; padding: 10px 20px; color: #3a3938 !important; font-size: 16px !important; border-radius: 30px; font-weight: 600; margin-top: 5px !important; display: inline-block !important; }