/* Theme Name: bod Author: Cskills Version: 1 */ /* ------------ WordPress Core ------------- */ .alignnone { margin: 5px 20px 20px 0;} .aligncenter, div.aligncenter { display: block; margin: 5px auto 5px auto;} .alignright { float:right; margin: 5px 0 20px 20px;} .alignleft { float: left; margin: 5px 20px 20px 0;} a img.alignright { float: right; margin: 5px 0 20px 20px;} a img.alignnone { margin: 5px 20px 20px 0;} a img.alignleft { float: left; margin: 5px 20px 20px 0;} a img.aligncenter { display: block; margin-left: auto; margin-right: auto;} .wp-caption { background: #fff; border: 1px solid #f0f0f0; max-width: 100%; /* Image does not overflow the content area */ padding: 0px 0px 10px; text-align: center;} .wp-caption.alignnone { margin: 5px 20px 20px 0;} .wp-caption.alignleft { margin: 5px 20px 20px 0;} .wp-caption.alignright { margin: 5px 0 20px 20px;} .wp-caption.aligncenter { margin-bottom: 20px;} .wp-caption img { border: 0 none; height: auto; margin: 0 0 15px; padding: 0; max-width: 100%; width: auto;} .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px;} /* Text meant only for screen readers. */ .screen-reader-text { border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */} .screen-reader-text:focus { background-color: #eee; clip: auto !important; clip-path: none; color: #444; display: block; font-size: 1em; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */} /* ------------ WordPress Core ------------- */ html { margin-top: 0;} #page-wrap { padding-top: 148px;} /* Header section */ header#myHeader { position: fixed; width: 100%; background: #fff; padding: 25px 0 10px; border-bottom: 5px solid #12245B; top: 0; transition: all 0.5s; transition: 1s all cubic-bezier(0.075, 0.82, 0.165, 1); z-index: 99999; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out;} body.fixedBurgermenu .header.scrollUp { transform: translateY(0px);} /* .header.scrollUp { transform: translateY(-200px); z-index: 9999;} */ .logo {float: left; width: 50%;} .home .header .logo a { pointer-events: none; } .header.sticky { padding: 15px 0 5px !important;} .header .logo a { display: inline-block; max-width: 370px; width: 100%; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out;} .header.sticky .logo a { display: inline-block; max-width: 250px; width: 100%; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out;} .header.sticky { padding: 10px 0; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out;} .header.sticky ul.social_icon { margin-top: 7px; padding-bottom: 0; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out;} .header.sticky #nav-icon2 { top: 20px; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out;} .header.sticky #nav-icon2.open { top: 18px;} .header.sticky .donate { -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;} .header.sticky .dnate_text { margin: 0 16px; -webkit-transition: all .1s ease-in-out; -moz-transition: all .1s ease-in-out; -o-transition: all .1s ease-in-out; transition: all .1s ease-in-out;} .header.sticky .donate .dnate_text { font-size: 22px; line-height: 36px; -webkit-transition: all .1s ease-in-out; -moz-transition: all .1s ease-in-out; -o-transition: all .1s ease-in-out; transition: all .1s ease-in-out;} header#myHeader .logo a { display: inline-block;} .rightMenu {float: right; width: 50%; position: relative;} ul.social_icon { margin-top: 23px; margin-right: 18px; float: right; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out;} .social_icon li { list-style: none; display: inline-block; margin: 0 7px; vertical-align: middle; padding-bottom: 0; height: 50px; line-height: 50px; padding-left: 0;} .social_icon li a { display: block; height: 100%; width: 100%;} .social_icon li a img { vertical-align: middle; display: inline-block;} .social_icon li a img:hover { opacity: 0.7;} .searchIMg { display: inline-block; vertical-align: middle; margin-left: 20px;} .searchIMg img:hover { opacity: 0.7;} .social_icon li a .searchIMg:hover { opacity: 0.7;} /* Burgermenu-icon-start */ #nav-icon2 { width: 30px; height: 35px; position: relative; margin: 0px auto; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); cursor: pointer; top: 35px; right: 7px; float: right; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out;} #nav-icon2 span { display: block; position: absolute; height: 5.5px; width: 70%; background: #F8013D; opacity: 1; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; margin-top: -1px; border-radius: 0 !important;} #nav-icon2.open span { height: 5px;} #nav-icon2 span:nth-child(even) { left: 50%; border-radius: 0 !important;} #nav-icon2 span:nth-child(odd) { left:0px; border-radius: 0 !important;} #nav-icon2 span:nth-child(1), #nav-icon2 span:nth-child(2) { top: 0px;} #nav-icon2 span:nth-child(3), #nav-icon2 span:nth-child(4) { top: 12px;} #nav-icon2 span:nth-child(5), #nav-icon2 span:nth-child(6) { top: 24px;} #nav-icon2.open span:nth-child(1),#nav-icon2.open span:nth-child(6) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);} #nav-icon2.open span:nth-child(2),#nav-icon2.open span:nth-child(5) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);} #nav-icon2.open span:nth-child(1) { left: 0; top: 7px;} #nav-icon2.open span:nth-child(2) { left: calc(50% - 1px);top: 7px;} #nav-icon2.open span:nth-child(3) { left: -50%; opacity: 0;} #nav-icon2.open span:nth-child(4) { left: 100%; opacity: 0;} #nav-icon2.open span:nth-child(5) { left: 0; top: 21px;} #nav-icon2.open span:nth-child(6) { left: calc(50% - 1px); top: 21px;} /* Burgermenu-icon-End */ /* Nav-menu_start */ .navOverlay { background: rgba(0, 0, 0, 0.9); width: 100%; height: 100%; position: fixed; right: 0; left: 0; z-index: 99; -webkit-animation-duration: 10s; animation-duration: 10s; -webkit-animation-fill-mode: both; animation-fill-mode: both; transition: 0.1s all cubic-bezier(0.075, 0.82, 0.165, 0.035); transition-delay: 1s; opacity: 0; top: -100%;} .fixedBurgermenu .navOverlay { display: block !important; transition-delay: 0.1s; opacity: 1; animation-name: fadeInOpacity; animation-iteration-count: 1; animation-timing-function: ease-in-out; animation-duration: 0.5s; transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: 0.1s all cubic-bezier(0.075, 0.82, 0.165, 0.035); top: 0; z-index: 9999;} nav { transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; z-index: 9999; position: fixed; background-color: #F8013D; margin-top: 0px; top: 0; height: 0; width: 35%; right: 0; overflow: hidden; transition: 1s all cubic-bezier(0.075, 0.82, 0.165, 1);} nav.active { height: 105vh; padding: 150px 0 3%; transition: 0.9s all cubic-bezier(0.09, 1.1, 0.17, 1);} /* slim_scroll_start */ .slimScrollDiv { height: 100% !important; width: 100% !important; padding-top: 10px;} nav .HeaderMenu { width: 100% !important; text-align: right; padding: 30px 30% 30px 0; height: 100% !important;} .slimScrollRail { display: block !important;} /* slim_scroll_End */ nav ul { padding: 0px; margin: 0px; list-style: none;} ul.sub-menu { height: auto;} #menu-menu li { list-style: none;} #menu-menu a { font-size: 36px; line-height: 50px;color: #fff; transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; text-transform: inherit; width: 100%; display: block;} #menu-menu a:hover {color: #001965 !important; } .current-menu-item > a { color: #001965 !important;} .current-menu-parent > a { color: #001965 !important;} li.menu-item-has-children { position: relative;} /* li.menu-item-has-children::after { content: ""; position: absolute; width: 45px; height: 40px; background: url(./images/white_accordion_Arrow.svg) no-repeat right center; top: 7px !important; z-index: 999999; right: -60px; cursor: pointer; background-size: 45px 45px;} */ span.openArrow { font-size: 0; position: absolute; right: 0; width: 35px; height: 35px; right: -55px; top: 10px; cursor: pointer;} li.menu-item-has-children .openArrow.action::after, li.menu-item-has-children .openArrow.action::before { cursor: pointer !important;} li.menu-item-has-children .openArrow::after { content: ""; position: absolute; width: 3px; height: 20px; background: #fff; z-index: 999999; cursor: pointer; background-size: 45px 45px; transform: rotate(35deg); top: 8px; transition: ease 0.5s; right: 11px;} li.menu-item-has-children .openArrow::before { content: ""; position: absolute; width: 3px; height: 20px; background: #fff; z-index: 999999; cursor: pointer; background-size: 45px 45px; transform: rotate(-35deg); top: 8px; transition: ease 0.5s; right: 22px;} li.menu-item-has-children .openArrow.action::before { transform: rotate(-90deg); height: 11px; transition: ease 0.5s; } li.menu-item-has-children .openArrow.action::after { transform: rotate(90deg); height: 11px; transition: ease 0.5s;} ul.sub-menu { display: none; margin-top: 5px;} .sub-menu li { padding-bottom: 5px; list-style: none;} ul.sub-menu.active { display: block; transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: 1s all cubic-bezier(0.075, 0.82, 0.165, 1);} .sub-menu li a { font-size: 18px !important; line-height: 30px !important; } .current-menu-parent.mainlinkActive > a { color: #001965 !important;} .mainlinkActive > a { color: #fff !important;} #menu-menu a.linkActive { color: #001965 !important;} #menu-menu .current_page_parent a { color: #001965 !important;} /* Nav-menu_start */ .donate { float: right; position: absolute; color: #fff; right: 0; top: 0; height: 100%; cursor: pointer; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .donate img.red_doante { height: 100%; width: auto; float: right; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .5s ease-in-out; } img.blue_doante { height: 100%; width: auto; display: none; float: right; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .5s ease-in-out; } .donate:hover .blue_doante { display: block; height: 100%; width: auto; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .5s ease-in-out; } .donate:hover .red_doante { display: none; } .donate.rightsdie { float: right; position: absolute; color: #fff; width: 66px; right: 0; top: 0; height: 100%; background: #F8013D; font-size: 32px; line-height: 50px; cursor: pointer; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;} .dnate_text { transform: rotate(-90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); margin: 15px; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;} .dnate_text a { color: #fff; word-break: keep-all; transition: none;} .donate.rightsdie:hover { background: #001965;} .donate.rightsdie:hover .dnate_text a { color: #fff !important;} .dnate_text a:hover { color: #fff !important;} img.closeMagni.serachicon.rotateClose { transform: rotate(360deg); transition: 0.5s all cubic-bezier(0.075, 0.82, 0.165,0.7);} /* Search_open_close_start */ body.open-search .slideSearch { top: 0px;} .slideSearch { -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; transition: 1s all cubic-bezier(0.075, 0.82, 0.165, 1);} .slideSearch { position: fixed; top: -100%; width: 100%; height: 100%; background-color: #001965; z-index: 9999999;} .searchIMg img { width: 36px; cursor: pointer; height: 36px;} .searchClose { position: absolute; right: 30px; top: 30px; width: 40px; height: 40px; opacity: 0.8; cursor: pointer;} .searchClose::before { transform: rotate(45deg);} .searchClose::after { transform: rotate(-45deg);} .searchClose::before, .searchClose::after { position: absolute; left: 15px; content: ' '; height: 50px; width: 5px; background-color: #Fff; transition: 1s all cubic-bezier(0.075, 0.82, 0.165, 1);} .searchClose:hover::before, .searchClose:hover::after { background-color: #F8013D;} .searchClose:hover::before { transform: rotate(225deg);} .searchClose:hover::after { transform: rotate(140deg);} .slideSearch > div { height: 100%;} .slideSearch form { width: 100%;} .searchHolder { padding: 100px; max-width: 1280px; margin: 0 auto;} .searchItems { position: relative; padding-bottom: 1px; overflow: hidden;} .slideSearch .searchItems input[type="text"] { padding: 5px 70px 5px 25px !important; height: 60px !important; text-transform: capitalize; font-size: 30px; line-height: 34px; padding-bottom: 4px!important; letter-spacing: -0.5px; border-radius: 7px;} .slideSearch input[type="submit"].searchbtn { top: 0px; right: 0px; width: 70px; height: 60px; min-width: auto; background-size: 30px auto; position: absolute; background-image: url(images/ic-search.svg); background-repeat: no-repeat; background-position: center; text-indent: -999px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; padding: 0;} .searchHolder #donateselector { border: 0 !important; color: #f8013d !important;} .search footer#footer { margin-top: 50px;} .searchHolder input#searchsubmit { background-color: #fff; border-radius: 0px 7px 7px 0px;} .searchHolder input[type='submit']:hover { background-color: #fbe9ee !important; } /* Search_open_close_End */ /* Search_Page_Start */ section.section_searchPage { margin-top: 60px;} .searchResults ul { padding-left: 0;} .searchResults ul li { margin: 0px; padding: 20px 0 28px; border-bottom: #f8013d dashed 1px; list-style: none;} .searchResults .btnRow.redborder a.btn { border: 2px solid #F8013D; padding: 7px 50px 7px 9px; font-size: 21px;} .searchResults .btnRow.redborder a.btn::after { background-size: 21px; left: -15px;} .searchResults .btnRow.redborder a.btn:hover::after {left: -5px;} .errorBox {text-align: center; height: 100%; padding: 6% 0;} .errorImage { margin: 0 auto; padding-bottom: 20px; max-width: 200px; text-align: center;} .errorImage img { margin: 0 auto;} .errorBox h6 { text-transform: uppercase; font-size: 40px; line-height: 50px; margin-top: 10px;} /* Search_Page_End */ /* Header section */ /* Homepage section's start */ /* banner section start */ .HeroSection { position: relative; z-index: 0; overflow: hidden;} .box { position: relative;} .HeroSection .box::before { padding-top: 46%; content: ""; display: block;} .HeroSection .imageHolder { position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; background: #fbfbfb;} .HeroSection img.OF-cover { object-fit: cover; font-family: 'object-fit: cover'; object-position: center center; width: 100%; height: 100%; font-family: 'object-fit: cover; object-position: center center';} .banner-caption { position: absolute; left: 0; right: 0; margin: 0 auto; bottom: 60px;} .banner-caption .container.container_1600 { padding-right: 0;} .banner-caption .container .col-8 { position: relative;} .banner-caption .col-8 > div { border: 5px solid #12245B; padding: 40px; background: #fff; margin: 0 10% 0 0; position: absolute; bottom: 0;} .banner-caption .col-8 > div h1, .banner-caption .col-8 > div h2 { font-size: 70px; line-height: 80px;} .banner-caption .col-4 > div { border: 5px solid #12245B; padding: 30px 20px 20px; background: #fff;} .banner-caption .col-4 > div h2 { margin-bottom: 20px; word-break: break-all;} .banner-caption .col-8 > div h3 { margin-bottom: 0;} .post1 { margin-bottom: 25px;} .post1 p {display: block; margin: 0px; padding: 0px 0px 5px 0px; } /* .post1 p a { font-family: "GT Pressura Mono" !important; } */ .post1 span.date { display: block; color: #F8013D;font-size: 15px; line-height: 20px;} .post1 span.author { font-size: 15px; color: #02248a;} .banner-caption span.author { display: block; line-height: 20px; margin-top: 6px;} .post1:last-of-type { margin-bottom: 15px;} /* banner section end */ /* -- Section 2 -- */ section.bannerBottom { margin: 70px 0 55px;} section.bannerBottom .flexWrap { margin: 0 -10px;} section.bannerBottom .col-4 > div { background: #EFEFEF; margin: 0 10px; height: 100%; transition: 0.5s all cubic-bezier(0.075, 0.82, 0.165,0.7);} section.bannerBottom .col-4 > div:hover { background: #001965; transition: 0.5s all cubic-bezier(0.075, 0.82, 0.165,0.7);} section.bannerBottom .col-4 div a { display: block; text-align: center; padding: 20px 25px 25px; height: 100%; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column;} section.bannerBottom .col-4 div a h6 { font-size: 29px; line-height: 40px; text-align: left; height: 100%; margin-bottom: 30px;} section.bannerBottom .col-4 div:hover a h6 { color: #fff;} section.bannerBottom .col-4 div a img { margin: 0 auto;} span.hoverimg { display: none; transition: 0.5s all cubic-bezier(0.075, 0.82, 0.165,0.7);} section.bannerBottom .col-4 > div:hover span.normalimg { display: none; transition: 0.5s all cubic-bezier(0.075, 0.82, 0.165,0.7);} section.bannerBottom .col-4 > div:hover span.hoverimg { display: block; transition: 0.5s all cubic-bezier(0.075, 0.82, 0.165,0.7);} .cbh-1 { fill: #001965;} .cbh-2 { fill: #f8013d;} section.bannerBottom .col-4 div:hover .cbh-1 { fill: #fff;} section.bannerBottom .col-4 div:hover .cbh-2 { fill: #fff;} .rh-1 { fill: #f8013d;} .rh-2 { fill: #001965;} section.bannerBottom .col-4 div:hover .rh-1 { fill: #fff;} section.bannerBottom .col-4 div:hover .rh-2 { fill: #fff;} .dch-1 {fill: #001965; stroke: #001965;} .dch-2 { fill: #f8013d; stroke: #f8013d;} section.bannerBottom .col-4 div:hover .dch-1 {fill: #fff; stroke: #fff;} section.bannerBottom .col-4 div:hover .dch-2 { fill: #fff; stroke: #fff;} /* -- Section 2 -- */ /* -- Section 3 -- */ .infoDonate .flexWrap { margin: 0 -10px 50px;} .infoDonate .blubox { background: #001965; margin: 0 10px; height: 100%; padding: 25px; position: relative;} .infoDonate .blubox h4 { color: #fff; border: 5px solid #fff; display: inline-flex; width: auto; padding: 7px 15px; margin-bottom: 20px;} .infoDonate .blubox p { color: #fff; margin-bottom: 70px;} .infoDonate .redbox { background: #F8013D; margin: 0 10px; height: 100%; padding: 25px; position: relative;} .infoDonate .redbox h4 {color: #fff; border: 5px solid #fff; display: inline-flex; width: auto; padding: 7px 15px; margin-bottom: 20px;} .infoDonate .redbox p {color: #fff; margin-bottom: 70px;} .infoDonate .btnRow { position: absolute; bottom: 20px;} .infoDonate a.btn { border: 5px solid #fff; letter-spacing: 0;} .infoDonate a.btn:hover { color: #fff !important;} .infoDonate a.btn::after { content: ""; background: url(images/white_right_arrow.svg) no-repeat right center; position: absolute; width: 100%; height: 100%; left: -20px; background-size: 34px; top: 0; transition: ease 0.5s;} .infoDonate a.btn:hover::after { left: -10px;} /* -- Section 3 -- */ /* -- Section 4 -- */ section.featuredSection { margin: 100px 0 55px;} section.featuredSection .flexWrap { margin: 0 -10px 45px; width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; height: 100%;} h5.section-title {color: #001965; border: 5px solid #001965; display: inline-flex; width: auto; padding: 7px 15px; margin-bottom: 50px; letter-spacing: 0;} section.featuredSection .col-4 div { margin: 0 10px; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; cursor: pointer;} .textbox { margin: 0 20px 45px 0 !important; padding: 0; color: #F8013D; font-family: 'GTPressuraMono-Light'; background: transparent !important;} section.featuredSection .col-4 div p { -ms-flex: 1 1 auto; -webkit-flex: 1 1 auto; flex: 1 1 auto; display: flex;} .clickArrow:hover img { margin-left: 30px;} .clickArrow img { transition: 0.5s all cubic-bezier(0.075, 0.82, 0.165,0.7) !important; width: 40px; height: 34px;} .hoverArrow img { transition: 0.5s all cubic-bezier(0.075, 0.82, 0.165,0.7) !important; width: 40px; height: 34px;} .campaignsBoxes .col-4 a:hover .hoverArrow img { margin-left: 30px;} .date_author { line-height: 30px; padding-bottom: 0;} .name_author { line-height: 30px; padding-bottom: 45px;} .btnRow.redborder a.btn { color: #F8013D; position: relative; letter-spacing: 0; text-transform: capitalize;} .btnRow.redborder a.btn:after { content: ""; background: url(images/right_arrow.svg) no-repeat right center; position: absolute; width: 100%; height: 100%; left: -20px; background-size: 30px; top: 0; transition: ease 0.5s;} .btnRow.redborder a.btn:hover::after { left: -10px;} /* Curl-Bottom-Right_Start */ [class^="hvr-"] { padding: 30px 20px; background: #e9e9e9; text-decoration: none; color: #666; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-font-smoothing: antialiased;} .hvr-curl-bottom-right.bglogo { background: #EFEFEF url(images/logobg.svg) no-repeat center center !important; display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); background-image: none !important; background-size: 55% !important; transition: 1s all cubic-bezier(0.5, 0.50, 0.105,0.7);} .hvr-curl-bottom-right:hover .textbox { color: #fff;} .hvr-curl-bottom-right:hover .date_author,.hvr-curl-bottom-right:hover .name_author { color: #fff;} .hvr-curl-bottom-right a.clickArrow { width: 50px; display: block;} .hvr-curl-bottom-right .clickArrow:hover img { margin-left: 25px !important; transition: 0.5s all cubic-bezier(0.075, 0.82, 0.165,0.7);} .featuredSection .hvr-curl-bottom-right:before {background:linear-gradient(315deg, white 48%, #626262 10%, #626262 100%, #626262 100%); transition: 0.3s all cubic-bezier(0.075, 0.82, 0.165,0.7);} .featuredSection .hvr-curl-bottom-right:hover:before {background:linear-gradient(315deg, white 50%, #F8013D 50%, #F8013D 100%, #F8013D 100%); transition: 0.3s all cubic-bezier(0.075, 0.82, 0.165,0.7);} .hvr-curl-bottom-right:before { pointer-events: none; position: absolute; content: ''; height: 0; width: 0; bottom: 0; right: 0; background: white; background: linear-gradient(315deg, white 45%, #626262 50%, #626262 56%, #62626294 80%); box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.4); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: width, height; transition-property: width, height; transition: 0.5s all cubic-bezier(0.075, 0.82, 0.165,0.7); z-index: 99;} .hvr-curl-bottom-right:hover:before, .hvr-curl-bottom-right:focus:before, .hvr-curl-bottom-right:active:before { width: 60px; height: 60px; } .hvr-curl-bottom-right:hover:before {background: white; background: linear-gradient(315deg, white 45%, #F8013D 50%, #F8013D 56%, #f8013da6 80%); box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.4); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: width, height; transition-property: width, height; transition: 0.5s all cubic-bezier(0.075, 0.82, 0.165,0.7);} .hvr-curl-bottom-right.bglogo:hover { background: #001965 url(images/logobg.svg) no-repeat center center !important; transition: 0.5s all cubic-bezier(0, 0.82, 1, 1); background-size: 55% !important;} .hvr-curl-bottom-right:before { width: 50px; height: 50px;} .featuredSection .hvr-curl-bottom-right .date_author { margin-bottom: 15px;} .date_author, .name_author { color: #001965;} /* Curl-Bottom-Right_End */ /* -- Section 4 -- */ /* -- Section 5 -- */ .home section.focusSection { margin-top: 70px;} .focusSection h5.section-title { margin-bottom: 32px;} .focusSection .box:before { content: ""; display: block; padding-top: 66%;} .focusSection .col-4 { padding: 0; position: relative;} .focusSection .col-4 h5.section-title { margin-top: 90px; position: relative; background: #fff; font-size: 38px; padding: 10px 10% 10px 20px; line-height: 48px; width: 100%;} .BorehamwoodText { position: absolute; bottom: 0; } .BorehamwoodText .memberShort_text { margin-bottom: 40px;} /* -- Section 5 -- */ /* -- Section 6 -- */ .tabSection .box:before { content: ""; display: block; padding-top: 70%;} section.tabSection { padding: 80px 0 30px;} .tabSection .col-4 { padding-right: 25px;} .tabSection .col-4 h5.section-title { padding: 7px 30px; width: 100%;} .tabSection .col-8 h5.section-title { font-size: 40px; padding: 7px 150px 7px 20px; margin-top: 110px; margin-bottom: 25px;} /* Tab-Section_start */ .tabs { margin: 0; display: inline-block; width: 100%; margin-top: 10px;} .TabbingSection { margin-top: 18%;} .tabSection .tabs { border-top: 1px solid #001965; padding-left: 0;} .tabSection .tabs .tablinks { cursor: pointer; transition: 0.3s ease; text-align: left; margin: 0; width: 100%; display: block; border-bottom: 1px solid #001965; padding-bottom: 0;} .tabSection .tabs .tablinks { position: relative;} .tabSection .tabs .tablinks p { padding: 15px 10px; font-size: 20px; font-family: 'GTPressuraMono-Light'; color: #001965; position: relative; line-height: 30px;} .tabSection .tabs .tablinks::before { background: #EFEFEF; content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; transition: 1s all cubic-bezier(0.075, 0.82, 0.165,0.7); opacity: 0;} .tabSection .tabs .tablinks:hover:before { width: 100%; opacity: 1; transition: 1s all cubic-bezier(0.075, 0.82, 0.165,0.7);} .tabSection .tabs .tablinks.active::before { width: 100%;} .TabbingSection .tablinks { padding-left: 0;} /* tab content */ .tabcontent { display: none; transition: all 2s ease;} .tabcontent.active { transition: all 1s ease; display: block;} .tab_content .contentBox { position: absolute; margin-top: 0; bottom: -100px; width: 100%;} .boxborder { width: 44%; float: right; } .contentBox .boxdata { border: 5px solid #F8013D; padding: 20px; background: #fff;} .tabSection .btnRow.redborder { text-align: right; margin-top: -5px;} .tabSectionData .btnRow.redborder a.btn { background: #fff;} .tabSectionData { padding-bottom: 100px;} /* tab content */ /* Tab-Section_end */ /* -- Section 6 -- */ /* Homepage section's End */ /* Footer section's Start */ footer#footer { background: #001965; padding: 30px 0 15px; word-break: break-word; z-index: 0; } footer#footer .container_1400 .borderside { border-right: 1px solid #fff; border-left: 1px solid #fff; padding: 0 15px; } #footer h6 { color: #F8013D; font-size: 24px; line-height: 25px; } #footer p { color: #fff; font-size: 15px; line-height: 20px;} .menu-footer-menu-container { float: left; width: 50%;} .menu-pages-menu-container { float: left; width: 50%;} #menu-footer-menu li { width: 100%; line-height: 20px; margin: 0; padding-bottom: 0px; list-style: none; padding-left: 0px;} #menu-footer-menu li a { color: #fff; font-size: 15px; line-height: 20px;} ul#menu-footer-menu { margin: 0; padding: 0 0 5px;} #menu-pages-menu li { margin: 0; padding-bottom: 0px; list-style: none;} #menu-pages-menu li a { color: #fff; font-size: 15px; line-height: 20px;} #footer .col-4.f_box3 a { color: #F8013D; font-family: 'GTPressuraMono'; font-weight: 300 !important;} #footer .col-4.f_box3 a:hover { color: #999 !important;} #menu-footer-menu .current-menu-item > a { color: #F8013D !important;} #footer .col-4.f_box1 { position: relative;} ul.footerLinks { text-align: left; float: left; width: 100%; margin-left: -5px; margin-top: 3px; padding-left: 0px; /*position: absolute; bottom: 0; padding-bottom: 0; */} .footerLinks li { display: inline-block; margin-right: 0; padding: 5px; float: left; list-style: none;} .fundrising { margin-bottom: 15px;} .fundrising + h6 { margin-bottom: 6px;} #footer ul#menu-pages-menu { padding-left: 0;} #footer ul#menu-pages-menu li { padding-left: 0;} #footer .col-4.f_box1 > div { padding: 0 10px; width: 100%; float: left;} #footer .col-4.f_box2 div { padding: 0 25px 0 25px; border-left: 1px solid #fff; border-right: 1px solid #fff; height: 90%; margin-right: 20px;} #footer .col-4.f_box2 div p { margin-bottom: 10px;} footer#footer a { color: #fff;} #footer .col-4.f_box3 > div { padding-right: 10px;} .foote_bootom { border-top: 1px solid #fff; padding-top: 15px; margin: 0 10px;} .foote_bootom ul li { display: inline-block; margin-right: 5px; vertical-align: middle; list-style: none; padding-left: 0;} #footer .bottomMenu li.current_page_parent a { color: #f8013d;} .foote_bootom .col-8.f_box4 ul { padding: 0;} .foote_bootom .col-8.f_box4 ul li { padding-bottom: 0; list-style: none;} .foote_bootom .col-4.f_box5 ul { padding: 0;} #footer .col-4.f_box3 p:last-child a { color: #fff !important;} #footer .col-4.f_box3 p:last-child a:hover { color: #f8013d !important;} #menu-footer-menu .current_page_item a { color: #F8013D;} footer#footer .current-menu-item a { color: #f8013d !important;} .footerLinks li { list-style: none;} .footerLinks li img { display: inline-block; vertical-align: middle;} .footerLinks li:hover img { opacity: 0.6;} .foote_bootom ul li img:hover { opacity: 0.6;} .charityNo_box { color: #fff; font-size: 15px; line-height: 20px; border-top: 1px solid #fff; padding-top: 12px; margin: 0 10px;} .charityNo_box p:last-child { padding-bottom: 0;} .fundrising img:hover { opacity: 0.6;} .grecaptcha-badge { display: none !important;} /* Footer section's End */ /* Default_page_Start */ .page-template-default div#page-wrap { padding-bottom: 50px;} /* Default_page_end */ /* 404_page_style_Start */ .pageNotFound { width: 100%; padding: 5% 7%; max-width: 1000px; text-align: center; margin: 90px auto 70px; } .pageNotFound > div { border: 6px solid #001965; width: 250px; height: 250px; margin: 0px auto; margin-bottom: 15px; position: relative; overflow: hidden; text-align: center;} .pageNotFound > div span { color: #001965; font-size: 80px; position: absolute; right: 24px; top: 0; font-weight: 300; left: 0px; width: 100%; bottom: 0; display: flex; justify-content: center; align-items: center;} .pageNotFound h3 { font-size: 45px; line-height: 55px; padding: 0; font-family: 'GTPressuraMono-Light'; margin-bottom: 20px; margin-top: 20px;} .pageNotFound p { font-family: 'GTPressuraMono-Light';} .pageNotFound p a { font-weight: 600; padding-bottom: 3px; color: #f8013d;} .pageNotFound a:hover { color: #001965 !important;} .pageNotFound svg { width: 100%;} .pageNotFound polygon { transform:rotateY(-180deg) scale(0); transition: all 0.2s cubic-bezier(0.590, 0.720, 0.375, 1.650); transform-origin:center;} .pageNotFound polygon.processed { transform:rotateY(0deg) scale(1);} /* 404_page_style_end */ /* News pages start */ .pagetext { margin-bottom: 60px; color: #12245B; font-size: 50px; line-height: 60px;} .filter_Section .flexWrap { margin: 0 -12px;} section.filter_Section { margin-bottom: 50px; z-index: 99;} .filter_Section .flexWrap .col-4:first-child { position: relative; z-index: 9;} .dropdown { margin: 0 12px; padding: 0; display: -webkit-box;display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; list-style: none;} .dropdown .select_box { position: relative; width: 100%; border-top: 5px solid #001965; border-bottom: 1px solid #001965;} .dropdown .select_box h6 { display: block; padding: 7px 3px; margin-bottom: 0; cursor: pointer; text-decoration: none; position: relative;} .dropdown .select_box h6 img.fadeIn { position: absolute; right: -20px; top: 8px;} .dropdown .select_box h6 { display: block; padding: 0px 3px; margin-bottom: 0; cursor: pointer; text-decoration: none; position: relative; height: 60px; line-height: 60px;} .dropdown .select_box h6:hover { background: #f6f6f6;} .dropdown .select_box h6:hover a { color: #001965 !important;} .dropdown .select_box h6 img.fadeIn { position: absolute; right: -20px; top: 8px;} .dropdown .select_box select { display: block; padding: 7px 3px; cursor: pointer; position: relative; width: 100%; font-size: 30px; line-height: 40px; color: #001965; background: url(images/down_arrow.svg) no-repeat 106%;} .dropdown .select_box select * { background-color: #EFEFEF; width: 100%; z-index: 9; padding: 20px 30px; border-bottom: 1px solid #001965; line-height: 35px; color: #001965; height: 35px; margin-top: 20px;} .dropdown .select_box a { width: 100%; display: block;} h3.noRecords { font-size: 45px; line-height: 55px; margin: 0 12px 30px;} .filter_Section .flexWrap .col-4:last-child .dropdown .select_box a { line-height: 56px;} .filterBoxes .flexWrap { margin: 0 -12px;} .filterBoxes .flexWrap .col-6 { padding: 12px;} .filterBoxes .hvr-curl-bottom-right { margin: 0; display: block; padding: 0;} .hvr-curl-bottom-right { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); background-image: none !important; background-size: 0 !important; transition: 0.5s all cubic-bezier(0.075, 0.82, 0.165,0.7); /* position: relative;*/} .hvr-curl-bottom-right:hover { transition: 0.5s all cubic-bezier(0.075, 0.82, 0.165,0.7); background-size: 55% !important;} .filterBoxes .box { position: relative; overflow: hidden;} .filterBoxes .box:before { padding-top: 80%;} .filterBoxes .imageHolder span { position: absolute; top: 7%; color: #fff; left: 5%; z-index: 9;} .dataOnImage { position: absolute; bottom: 0; width: 80%; right: 0; padding: 25px;} .redRollover .dataOnImage { background: #F8013D;} .blueRollover .dataOnImage { background: #001965;} .skyRollover .dataOnImage { background: #0169F8;} .filterBoxes .hvr-curl-bottom-right:before { width: 60px; height: 60px; z-index: 99; transition: 0.3s all cubic-bezier(0.075, 0.82, 0.165,0.7);} .filterBoxes .hvr-curl-bottom-right:before { background: linear-gradient(315deg, white 49%, #E6E6E6 10%, #E6E6E7 37%, #e6e6e6 90%); box-shadow: 0px 0px 0 #e6e6e6; transition: 0.3s all cubic-bezier(0.075, 0.82, 0.165,0.7); backface-visibility: hidden;} .dataOnImage { position: absolute; bottom: 0; width: 80%; right: 0; padding: 20px 25px; min-height: 190px;} .page-template-template-news .dataOnImage { min-height: auto;} .dataOnImage p { color: #fff; } .dataOnImage span {font-size: 15px; color: #fff; position: absolute; display: block; bottom: 12px;} .overFilter { /* display: none; */ width: 100%; height: 100%; position: absolute; top: 0; /* -webkit-mix-blend-mode: color; -moz-mix-blend-mode: color; -o-mix-blend-mode: color; -ms-mix-blend-mode: color; mix-blend-mode:color; mix-blend-mode: color; */ /* -webkit-transform: translateZ(0); transform: translateZ(0); */ /* opacity: 80%; */ background-color: transparent transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1); transition-duration: 0.5s; display: block; } .redRollover:hover .overFilter { /* display: block; background: #f8013d; */ background-color: rgba(248, 1, 61, 0.8); } .blueRollover:hover .overFilter { /* display: block; background: #001965; */ background-color: rgba(0, 25, 101, 0.8); } .skyRollover:hover .overFilter { /* display: block; background: #0169f8; */ background-color: rgba(1, 105, 248, 0.8); } .moreCenter { text-align: center; padding: 60px 0;} section.signUpDonate { margin-bottom: 50px;} .filterBoxes .hvr-curl-bottom-right:hover:before { background: white; background: linear-gradient(315deg, white 45%, #F8013D 50%, #F8013D 56%, #f8013da6 80%); box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.4); transition: 0.3s all cubic-bezier(0.075, 0.82, 0.165,0.7);} .filterBoxes .hvr-curl-bottom-right:hover:before { width: 65px; height: 65px; z-index: 99; transition: 0.3s all cubic-bezier(0.075, 0.82, 0.165,0.7);} .redcurl:hover.hvr-curl-bottom-right:before { background: white; background: linear-gradient(315deg, white 45%, #fdd1dc 50%, #f7cdd7 56%, #ec8ba3 80%) !important; box-shadow: -1px -1px 1px #ec8fa6 !important; } .bluecurl:hover.hvr-curl-bottom-right:before { background: white; background: linear-gradient(315deg, white 45%, #beccf5 50%, #b1c4f7 56%, #7087ce 80%) !important; box-shadow: -1px -1px 1px #6a91ff !important;} .skycurl:hover.hvr-curl-bottom-right:before { background: linear-gradient(315deg, white 45%, #76adf9 50%, #6fa8f5 56%, #3b85ec 80%) !important; box-shadow: -1px -1px 1px #0169f8 !important;} section.filterBoxes { margin-bottom: 12px;} .sharethis-inline-share-buttons { position: relative !important;} .sharethis-inline-share-buttons { text-align: left !important;} .sharethis-inline-share-buttons img { display: none !important;} .st-btn { margin-right: 10px;} .st-btn[data-network="email"] { position: relative !important; padding: 0px 10px !important; background: transparent !important;} .st-btn[data-network="email"]:before { background: url(images/mail.svg) no-repeat !important; width: 65px; height: 45px !important; background-size: 19px 20px !important;background-position: 20% 90%; content: ""; position: absolute; left: 0px !important;} .st-btn[data-network="facebook"] { position: relative !important; padding: 0px 10px !important; background: transparent !important;} .st-btn[data-network="facebook"]:before { background: url(images/facebook.svg) no-repeat !important; width: 65px; height: 45px !important; background-size: 20px 20px !important;background-position: 20% 90%; content: ""; position: absolute; left: 0px !important;} .st-btn[data-network="twitter"] { position: relative !important; padding: 0px 10px !important; background: transparent !important;} .st-btn[data-network="twitter"]:before { background: url(images/twitter_news.svg) no-repeat !important; width: 65px; height: 45px !important; background-size: 22px 20px !important; background-position: 20% 90%; content: ""; position: absolute; left: 0px !important;} #st-1 .st-btn:hover { opacity: 0.6 !important; top: 0 !important;} /* News pages end */ /* Single News pages end */ .SinglenewsSection .pagetext { margin-bottom: 20px;} section.mainImageSection .container_1400 .col-12 { border-top: 5px solid #001965; padding-top: 30px; position: relative;} section.mainImageSection .container_1400 .col-12 .col-4 { position: absolute; bottom: -20%; z-index: 999;} section.mainImageSection .container_1400 .col-12 .col-4 div:first-child { border: 5px solid #F8013D; margin-right: 15px; padding: 20px 40px 50px 30px; background: #fff !important;} .mainImageSection .box:before { padding-top: 60%;} .newsContentSection .col-4 { position: relative; z-index: -99999;} .shareArticle { padding: 30px 100px 30px 0; color: #F8013D;} .articleTopSpace .shareArticle { padding: 0px 100px 30px 0 !important; color: #F8013D; border: 0 !important;} .mainImageSection.newsDetailspage .container_1400 .col-12 .col-4.articleTopSpace { bottom: -20% !important;} /* .newsContentSection .col-4 > div { margin-top: -85%;} */ .newsContentSection .col-4 h6 { border: 5px solid #F8013D; margin-right: 15px; padding: 20px 40px 20px 30px; background: #ffff;} .newsContentSection .col-4 h6 span { color: #0169F8; display: block;} .newsContentSection .col-4 p { color: #F8013D; padding-right: 27%; margin: 30px 0 23px; padding-bottom: 0;} .newsContentSection .col-4 ul { display: flex; margin-left: -7px; padding-left: 0;} .newsContentSection .col-4 ul li { list-style: none;} .newsContentSection .col-4 ul li a { padding: 7px; display: inline-block;} .newsContentSection .col-4 ul li a img { width: 21px; vertical-align: middle; display: inline-block;} section.newsContentSection { margin: 90px 0 100px;} section.newsContentSection .col-8 > div { margin-top: 0px; border: 5px solid #12245b; padding: 35px; margin-left: 15px;} section.newsContentSection .col-8 div { color: #626262;} section.newsContentSection .col-8 div a { color: #0169F8;} h5.subSection-title { color: #001965; border: 5px solid #001965; display: inline-flex; width: auto; padding: 7px 15px; margin-bottom: 50px; letter-spacing: 0; font-size: 40px;} .relatedNewsSection .flexWrap.filterBoxes { margin: 0 -12px;} .singleNewsMore { text-align: center; padding: 30px 0; } .relatedNewsSection .flexWrap .col-6 { padding: 12px;} .relatedNewsSection h5.subSection-title { margin-top: 50px;} .single-bod_news div#page-wrap { margin-bottom: 0 !important;} .mainImageSection.newsDetailspage .container_1400 .col-12 .col-4 { bottom: -29%;} .newsContentSection.newsDetailPageContent { margin: 0;} .mainImageSection.newsDetailspage { padding-bottom: 250px;} .newsContentSection.newsDetailPageContent .flexWrap .col-8 { margin-top: -175px;} .newsContentSection.newsDetailPageContent { margin: 0 0 30px;} .singleNewsMore.newsmore { padding: 0;} .singleNewsMore.newsmore .btnRow.redborder { margin: 60px 0;} .relatedNewsSection.singlenewsrelated { margin-top: 50px;} .mainImageSection.newsDetailspage .container_1400 .col-12 .col-4 h6 span { color: #0169F8; display: block; width: 100%;} /* Single News pages end */ /* Events pages Start */ .eventSection.featuredSection { margin: 0px 0 70px;} .eventSection.featuredSection .flexWrap { margin: 0 -10px; } .eventSection.featuredSection .col-4 { margin-bottom: 20px;} .eventSection.featuredSection .col-4 div { margin: 10px;} .eventSection .hvr-curl-bottom-right:before { width: 50px; height: 50px;} .eventSection .hvr-curl-bottom-right:before { background: white; background: linear-gradient(315deg, white 50%, #F8013D 52%, #F8013D 100%, #F8013D 100%) !important;} .eventSection .hvr-curl-bottom-right:hover:before { width: 60px; height: 60px; transition: 0.3s all cubic-bezier(0.075, 0.3, 0.65,0.3); background: linear-gradient(315deg, white 45%, #F8013D 50%, #F8013D 56%, #f8013da6 80%) !important;} .eventSection .hvr-curl-bottom-right.bglogo { background: #001965 url(images/logobg.svg) no-repeat center center !important; background-size: 55% !important; transition: 0.3s all cubic-bezier(0.075, 0.3, 0.10,0.3);} .eventSection .hvr-curl-bottom-right:hover { background-size: 55% !important;} .eventSection .textbox { color: #fff;} .eventSection .hvr-curl-bottom-right .date_author, .eventSection .hvr-curl-bottom-right .name_author { color: #fff;} .eventSection.featuredSection .col-4 .hvr-curl-bottom-right.bglogo { cursor: initial;} .eventSection.featuredSection .col-4 a.clickArrow { width: 50px;} /* Events pages end */ /* Single Events pages Start */ .singleEventSection .singleDiary { border: 5px solid #001965; padding: 40px 35px 30px;} .singleEventSection .singleDiary .evetTitle { padding: 0 40% 0 0; color: #001965; border: 0; font-size: 30px; line-height: 40px; margin-bottom: 15px;} .singleEventSection .singleDiary p { color: #626262;} .singleEventSection .date_author, .singleEventSection .name_author { color: #F8013D; display: block; line-height: 40px;} .singleEventSection span.name_author { margin-bottom: 35px; padding-bottom: 0;} .singleEventSection .btnRow.redborder { margin-top: 40px; border: 0; padding: 0;} .singleEventSection .backCenter { padding: 70px 0;} .backCenter { text-align: center; padding: 60px 0; width: 100%;} .backCenter a.btn { padding: 10px 15px 10px 90px;} .backCenter .btnRow.redborder a.btn:after { content: ""; background: url(images/right_arrow.svg) no-repeat right center; position: absolute; width: 100%; height: 100%; background-size: 30px; top: 0; transition: ease 0.5s; transform: rotate(180deg); left: 15px;} .backCenter a.btn:hover:after { right: 0; left: 5px !important;} .singleEventSection .backCenter .btnRow.redborder { margin-top: 0;} .singleDiary { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; flex-flow: row wrap; list-style: none;} .singleDiary .evetTitle { padding: 0 !important; width: 100%;} .singleDiary .evetTitle .red_title { width: 100%; margin-top: 20px;} .singleDiary .evetTitle .red_title:first-child { margin-top: 0;} .event_Description.col-6 { padding-left: 30px; color: #626262;} .box.no_cover:before { display: none;} /* Single Events pages end */ /* Contact us pages Start */ .contactTitleSection h6.subcontent { color: #626262; margin: 130px 0 60px; font-size: 36px; line-height: 48px;} .contactDetailSection { margin-bottom: 50px;} .contactDetailSection .flexWrap { margin: 0 -12px;} .contactDetailSection .col-6 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; flex-flow: row wrap;} .contactDetailSection .col-6 div { border: 5px solid #f8013d; width: 100%; padding: 30px 20px; margin: 0 12px;} .contactDetailSection .col-6 div h6:first-child {color: #F8013D; padding-right: 15%; margin-bottom: 40px;} .contactDetailSection .col-6 div h6:nth-child(2) { margin-bottom: 40px;} .contactDetailSection .col-6 div h6:last-child { margin-bottom: 0;} h6.farm_name { color: #f8013d; width: 60%; margin-bottom: 50px;} #gform_confirmation_message_4 { background: #001965; color: #fff; padding: 15px 20px; margin-top: 30px; font-size: 22px; width: auto; display: inline-block;} #gform_fields_4 input { color: #001965 !important;} /* Contact us pages end */ /* Who we are pages Start */ .page-template-template-who-we-are .content_title { margin-bottom: 20px; font-size: 60px; line-height: 72px; letter-spacing: -1.2px; } .ourStructureSection .content_title { margin-bottom: 60px;} .threePerrowSection .honarryOfficers { border: 0 !important; } .ourStructureSection .flexWrap { margin: 50px 0; border-bottom: 5px solid #001965; padding-bottom: 50px;} .ourStructureSection .col-4 div { border: 5px solid #f8013d; font-size: 50px; display: flex; padding: 30px 20px 120px; margin-right: 25px; font-family: 'GTPressuraMono-Light'; letter-spacing: 0; line-height: 60px;} .ourStructureSection .col-8 p { color: #626262;} .officesSection .col-8 { margin-top: 15px;} .officesSection .honarryOfficers { border-bottom: 5px solid; padding-bottom: 40px;} .details_HO { color: #626262; margin-bottom: 10px; width: 100%; display: inline-block;} .officersInfo { margin: 0 -12px;} .officersInfo .col-4 { padding: 12px;} .staff_info { position: relative; margin: 0;} .staff-Name-Post { position: absolute; bottom: 10px; background: #fff; right: 0; border: 5px solid #001965; padding: 10px 15px; width: 70%;} .staff-Name-Post p { padding: 0; color: #001965; letter-spacing: -0.2px; font-weight: 400;} .staff_info .box:before { padding-top: 130%;} .staff_info .imageHolder { margin-bottom: 40px;} .allOfficesSection .content_title { padding: 20px 0 15px;} .allOfficesSection .details_HO { color: #001965; margin-bottom: 60px;} .learnMoreSection .content_title { margin:0 0 70px;} .learnMoreSection .rh-1 { fill: #001965;} .learnMoreSection .rh-2 { fill: #f8013d;} .oPcls-1 { fill: #001965; } .oPcls-1, .oPcls-2 { stroke: #e6e6e6; stroke-width: 0.5px;} .oPcls-2 { fill: #f8013d;} section.bannerBottom .col-4 div:hover .oPcls-1 {fill: #fff; stroke: #fff;} section.bannerBottom .col-4 div:hover .oPcls-2 { fill: #fff; stroke: #fff;} .officers_Detail .staff-Name-Post { position: relative; border: 0; font-size: 30px; line-height: 40px; padding: 15px 0 225px 0; width: 100%; border-bottom: 5px solid #001965; margin-bottom: 45px;} .sigleOfficersSection .flexWrap { margin: 0 -12px;} .work_Detail { width: 90%;} .work_Detail p { color: #626262; margin-bottom: 20px;} .work_Detail p:last-child { margin-bottom: 0;} .sigleOfficersSection .col-8 { padding: 0 12px 0 25px;} .sigleOfficersSection .staff-Name-Post ul { padding-bottom: 0; margin-left: -5px; padding-left: 0;} .sigleOfficersSection .staff-Name-Post ul li { display: inline-block; padding-bottom: 0; float: left; padding-left: 0; list-style: none;} .sigleOfficersSection .staff-Name-Post ul li a { padding: 7px; display: inline-block;} .sigleOfficersSection .staff-Name-Post ul li a img { width: 21px; vertical-align: middle; display: inline-block;} .sigleOfficersSection .staff-Name-Post ul li a img:hover { opacity: 0.6;} .sigleOfficersSection .staff-Name-Post p { color: #f8013d;} .sigleOfficersSection .officers_Detail p { color: #001965;} section.sigleOfficersSection { padding: 60px 0 0px;} .learnMoreSection .flexWrap .col-4 { margin-bottom: 20px;} .flexWrap.officersInfo.twoPerrow { padding-left: 34%;} .flexWrap.officersInfo.twoPerrow .col-4 { width: 50%;} .threePerrowSection .content_title { margin-top: 50px;} .threePerrowSection .details_HO .col-8 { color: #001965;} .details_HO .col-8.alignright { padding-left: 10px;} /* Who we are pages End */ /* -- Get involved start -- */ .getInvolved .flexWrap { margin: 0 -10px 50px;} .getInvolved .blubox a, .getInvolved .redbox a, .getInvolved .skyBl_box a { color: #ffff; border-bottom: 2px solid #fff; padding-bottom: 3px; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;} .getInvolved .blubox a:hover, .getInvolved .redbox a:hover, .getInvolved .skyBl_box a:hover { color: #fff !important; border-bottom: 2px solid transparent; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;} .getInvolved .blubox { background: #001965; margin: 0 0 40px; height: 100%; width: 100%; padding: 40px; position: relative;} .getInvolved .blubox h4 { color: #fff; border: 5px solid #fff; display: inline-flex; width: auto; padding: 7px 15px; margin-bottom: 20px;} .getInvolved .blubox p { color: #fff; margin-top: 20px; margin-bottom: 20px;} .getInvolved .redbox { background: #F8013D; margin: 0 0 40px; height: 100%; width: 100%; padding: 40px; position: relative;} .getInvolved .redbox h4 {color: #fff; border: 5px solid #fff; display: inline-flex; width: auto; padding: 7px 15px; margin-bottom: 20px;} .getInvolved .redbox p {color: #fff; margin-top: 20px; margin-bottom: 20px;} .getInvolved .skyBl_box { background: #0169F8; margin: 0 0 40px; height: 100%; width: 100%; padding: 40px; position: relative;} .getInvolved .skyBl_box h4 {color: #fff; border: 5px solid #fff; display: inline-flex; width: auto; padding: 7px 15px; margin-bottom: 20px;} .getInvolved .skyBl_box p {color: #fff; margin-top: 20px; margin-bottom: 20px;} .getInvolved .btnRow { position: relative; bottom: 0; margin-top: 25px; display: flex; margin-bottom: 15px;} .getInvolved a.btn { border: 5px solid #fff !important; letter-spacing: 0; position: absolute; padding-bottom: 10px !important;} .getInvolved a.btn:hover { color: #fff !important;} .getInvolved a.btn::after { content: ""; background: url(images/white_right_arrow.svg) no-repeat right center; position: absolute; width: 100%; height: 100%; left: -20px; background-size: 34px; top: 0; transition: ease 0.5s;} .getInvolved a.btn:hover::after { left: -10px;} .getInvolved .col-12 { border-bottom: 5px solid #001965; margin: 0 12px 32px; padding-bottom: 32px; } .getInvolved .col-12:last-child { border: 0;} section.getInvolved { margin-top: 115px;} /* -- Get involved End -- */ /* -- campanig page start -- */ section.campaignsBoxes { margin-bottom: 35px;} .campaignsBoxes .flexWrap { margin: 0 -12px;} .campaignsBoxes .col-4 { padding: 12px;} .campaignsBoxes [class^="hvr-"] { padding: 0;} .campaignsBoxes .box:before { padding-top: 80%;} .campanigTitleSection .subcontent { margin-bottom: 0;} .sectionSubTitle { color: #001965; border: 5px solid #001965; display: inline-flex; width: auto; padding: 7px 15px; margin: 50px 0 30px; letter-spacing: 0; font-size: 50px; line-height: 60px;} .campanigTitleSection .subcontent .sectionContent { font-size: 50px; line-height: 60px; letter-spacing: 0; color: #001965; margin-top: 10px;} .campanigTitleSection h4.sectionSubTitle:last-child { margin-top: 70px;} .campaignsBoxes .overFilter { display: none !important;} .campaignsBoxes .hvr-curl-bottom-right::before { background: linear-gradient(315deg, white 49%, #E6E6E6 10%, #E6E6E7 37%, #e6e6e6 90%); box-shadow: 0px 0px 0 #e6e6e6; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: width, height; transition-property: width, height; transition: 0.3s all cubic-bezier(0.075, 0.4, 0.165,0.3);} .campaignsBoxes .hvr-curl-bottom-right:hover:before { background: white; background: linear-gradient(315deg, white 45%, #F8013D 50%, #F8013D 56%, #f8013da6 80%); box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.4);} .campaignsBoxes .hvr-curl-bottom-right { height: 100%; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column;} .campaignsBoxes .innerwrp_box { height: 100%; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column;} .campaignsBoxes .dataOnImage { position: relative; width: 100%; max-height: 100%; height: 100%; height: 100%; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column;} .campaignsBoxes .dataOnImage p { height: 100%; -ms-flex: 1 1 auto; -webkit-flex: 1 1 auto; flex: 1 1 auto; display: flex;} .campanigTitleSection .subcontent .sectionContent a { color: #f8013d;} .campanigTitleSection .subcontent .sectionContent a:hover { color: #001965 !important;} .singlecampanig .subcontent { margin-bottom: 22px;} .singlecampanig .pageTitle { margin: 135px 0 90px;} .takeAction { background: #F8013D; padding: 30px 25px; margin: 90px 0 22px;} .takeAction h4.sectionSubTitle { color: #fff; border: 5px solid #fff; margin: 0; padding-right: 15px;} .takeAction h4 { color: #fff; margin-top: 45px; padding-right: 27%;} .campanigImg { margin-bottom: 35px;} .discribeCampaign, .discribeCampaign p { color: #626262 !important;} .discribeCampaign p { padding-bottom: 30px;} .campanigImg .box:before { padding-top: 65%;} .singlecampaigns .flexWrap .col-6 { padding: 0 12px;} .singlecampaigns .flexWrap { margin: 0 -12px 20px;} .blueProgressBar { padding: 20px 22px; background: #001965; margin-bottom: 35px;} .blueProgressBar h6 { color: #fff; margin-bottom: 50px;} .blueProgressBar p { color: #fff; font-size: 25px; line-height: 35px; margin-bottom: 40px;} .blueProgressBar img { margin-bottom: 100px;} .campaig_signed {background: #E6E6E6; padding: 30px 30px 20px;} .campaig_signed label { font-size: 25px; letter-spacing: -0.25px;} .campaig_signed label span.required { color: #f8013d;} .campaig_signed input { margin-top: 7px; height: 40px; line-height: 40px; color: #626262;} .campaig_signed p { letter-spacing: -0.20px;} .campaig_signed input[type="submit"] { height: auto; font-size: 50px; background: #F8013D; color: #fff; text-transform: none; letter-spacing: 0; margin: 50px 0 25px;} span.wpcf7-list-item { display: inline-block; margin: 0 40px 0 0 !important;} span.wpcf7-list-item.first, span.wpcf7-list-item.last { position: relative;} span.wpcf7-list-item.first input[type="checkbox"] { left: 1px; position: absolute; top: 22px; margin-top: 15px; width: 35px;} span.wpcf7-list-item.last input[type="checkbox"] { left: -5px; margin-top: 15px; position: absolute; top: 22px; width: 35px;} .wpcf7-response-output { margin: 0 !important; padding: 15px !important; border: 1px solid #F8013D !important; color: #F8013D; font-family: 'GTPressuraMono-Light'; letter-spacing: 0; line-height: 25px; text-align: center; width: 100% !important; transition: 0.9s all cubic-bezier(0.09, 1.1, 0.17, 1) !important; transition: all .5s ease-in-out !important; -webkit-transition: all .5s ease-in-out !important; -moz-transition: all .5s ease-in-out !important; -o-transition: all .5s ease-in-out !important;} /* -- campanig page End -- */ /* -- Resources page Start -- */ section.infoDonate.resources { padding: 20px 0;} section.infoDonate.resources .flexWrap .col-6 img { transition: 0.5s all cubic-bezier(0.075, 0.82, 0.165,0.7);} section.infoDonate.resources .col-6 a .blubox:hover .btnRow img { padding-left: 30px; transition: 0.5s all cubic-bezier(0.075, 0.82, 0.165,0.7);} section.infoDonate.resources .col-6 a .redbox:hover .btnRow img { padding-left: 30px; transition: 0.5s all cubic-bezier(0.075, 0.82, 0.165,0.7);} /* Resources_Publication_Start */ .publicPDFdownload { width: 100%;} h6.pdfSectionTitle { border: 5px solid #F8013D; padding: 20px 22px; margin-top: 30px; margin-bottom: 0;} .PDFlist { margin: 0 25px 80px; border-bottom: 1px solid #001966; padding-bottom: 0; padding-left: 0;} .PDFlist h6 { color: #001965; border-top: 1px solid #001966; padding: 25px 45px 25px 0px; margin-bottom: 0px; cursor: pointer; line-height: 21px;} .PDFlist p { padding: 0px 15px 20px; color: #626262; line-height: 30px;} .PDFlist li { padding-bottom: 0; list-style: none; padding-left: 0;} .PDFlist li:first-child h6 { border-top: 0;} .PDFlist li h6:after { content: ""; background: url(images/accordion_Arrow.svg) no-repeat center center; position: absolute; right: -5px; background-size: 35px; top: 31px; margin: auto 0; width: 30px; height: 25px; transition: 0.1s ease;} .PDFlist li h6:hover:after { transform: rotate(-180deg); top: 40%; transition: 0.1s ease; right: 0;} .publicSubPages ul.Pagelist { margin-bottom: 30px; padding-left: 0;} .PDFlist li h6:before { background: #EFEFEF; z-index: -1; content: ""; width: 100%; height: 100%; opacity: 0; position: absolute; left: 0; top: 0; transition: 1s all cubic-bezier(0.075, 0.82, 0.165,0.7);} .PDFlist li h6:hover:before { opacity: 1;} /* Resources_Publication_End */ /* Resources_Plenary-Sessions_Start */ .plenaryVideoSection .container_1400 > h4 { margin-bottom: 60px;} /* section.plenaryVideoSection .col-4 { margin: 12px 0;} */ section.plenaryVideoSection .col-4 div { margin: 0px; height: 100%; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column;} section.plenaryVideoSection { margin-bottom: 50px;} .plenaryVideoSection .col-4 .hvr-curl-bottom-right.bglogo { margin: 0; } .plenaryVideoSection .flexWrap { margin: 0 -9px;} .videoTitle { font-size: 40px; color: #fff; margin: 10px 0 50px !important; line-height: 45px;} .plenaryVideoSection .date_author { margin-bottom: 70px;} .plenaryVideoSection .card-deck, .plenaryVideoSection .card { margin: 0 !important;} .plenaryVideoSection .card a.clickArrow { display: block; height: 100%; margin: 12px;} .plenaryVideoSection .hvr-curl-bottom-right.bglogo { background: #001965 url(images/logobg.svg) no-repeat center center !important; background-size: 55% !important; transition: 0.5s all cubic-bezier(0, 0.07, 1, 0.88);} .plenaryVideoSection .hvr-curl-bottom-right.bglogo:hover { background-size: 55% !important; transition: 0.5s all cubic-bezier(0, 0.07, 1, 1);} /* Resources_Plenary-Sessions_End */ /* -- Resources page End -- */ /* -- Focus on our members page Start -- */ .headTitlesection h2 {font-size: 60px;} .headTitlesection h6 { font-size: 36px; line-height: 48px; color: #626262; margin-bottom: 90px;} .subcontent { color: #626262; margin: 0 0 50px; font-size: 36px; line-height: 48px;} .focusSection.allMembers .container_1400 .flexWrap .col-8 { width: 60%;} .focusSection.allMembers .container_1400 .flexWrap .col-4 { width: 40%;} .focusSection.allMembers .container_1400 .flexWrap .col-8 .box { width: 108%;} section.focusSection.allMembers .container_1400 .flexWrap:first-child { border-top: 5px solid #001965; padding-top: 40px;} section.focusSection.allMembers .container_1400 .flexWrap { margin-bottom: 50px;} section.focusSection.allMembers.moreCenter { text-align: center; padding: 30px 0 70px;} section.newsContentSection.singlefocusMember { margin: 30px 0 0;} .mainImageSection .box:before { padding-top: 70%;} .singlefocusMember .col-4 h6 { padding-bottom: 70px;} .singlefocusMember .col-8 { position: relative; margin-top: -50px; right: -1px;} .singlefocusMember .col-8 div { padding: 25px 30px !important; background: #fff;} .subcontent h6 { font-size: 36px; line-height: 48px; color: #626262; margin-top: 30px;} .subcontent h2 { font-size: 60px; line-height: 70px;} .focusMember_TitleSection .subcontent { padding-top: 0px;} .focusSection .col-8 .box { height: 100%; width: 106%;} .BorehamwoodText { position: relative; margin-top: 7%; padding-left: 17%;} section.mainImageSection.singlefocusImg .col-4 { bottom: -56px !important;} .singlefocusMember .backCenter { padding-bottom: 10px;} .ourMemberfliter { margin-bottom: 45px;} .ourMemberfliter .subcontent { color: #001965;} .ourMemberfliter ul { margin-top: 20px; padding-left: 0; display: flex;} .ourMemberfliter ul li { list-style: none; display: inline-block; padding-left: 20px; border-right: 2px solid #F8013D; padding-bottom: 0; padding-right: 20px; float: left;} .ourMemberfliter ul li:first-child { padding-left: 0;} .ourMemberfliter ul li:last-child { border: 0;} .ourMemberfliter ul li a { color: #F8013D; padding-bottom: 5px;} .ourMemberfliter ul li.active a { border-bottom: 2px solid #001965; -webkit-transition: all .1s ease-in-out; -moz-transition: all .1s ease-in-out; -o-transition: all .1s ease-in-out; transition: all .1s ease-in-out; } .ourMemberfliter ul li:hover a { border-bottom: 2px solid #001965; -webkit-transition: all .1s ease-in-out; -moz-transition: all .1s ease-in-out; -o-transition: all .1s ease-in-out; transition: all .1s ease-in-out;} .nameofmember { border-top: 5px solid #001965; padding: 10px 70px 10px 15px; position: relative;} /* .nameofmember:hover { color: #fff !important;} */ .nameofmember.memberDetailPage:hover { color: #fff !important;} .nameofmember::before { background: #001965; z-index: -1; content: ""; width: 100%; height: 100%; opacity: 0; position: absolute; left: 0; top: 0; transition: all .5s cubic-bezier(.16,.84,.44,1);} .nameofmember.memberDetailPage:hover::before { opacity: 1; transition: all .5s cubic-bezier(.16,.84,.44,1); } .nameofmember:last-child { border-bottom: 5px solid #001965; } /* .nameofmember:hover .memberwebsite a { color: #fff;} */ .nameofmember.memberDetailPage:hover .memberwebsite a { color: #fff;} .memberwebsite { display: block;} .memberwebsite a { color: #0169F8;} span.memberArrow { display: none;} .memberDetailPage span.memberArrow { position: absolute; width: 60px; height: 100%; display: block; top: 0; right: 0;} .nameofmember:hover .memberArrow a svg > text { fill: #fff;} .memberArrow a { height: 100%; width: 100%; display: flex; justify-content: center; align-items: center; transition: ease 0.3s;} .memberArrow a:hover { padding-left: 15px; transition: ease 0.3s;} .memberArrow a:hover svg > text { fill: #f00 !important;} .page-template-template-focus-on-our-members-php .moreCenter { padding: 10px 0 50px;} /* -- Focus on our members page End -- */ /* -- Issue Area page Start -- */ .issueArea_TitleSection .pageTitle { margin-bottom: 110px;} .issueArea h5.section-title { margin: 0 !important; } .issueArea .innerdiscription.redborder { display: flex; width: 100%; margin-top: 65px; border: 5px solid #F8013D; padding: 30px 20px; margin-bottom: 20px; background: #fff;} .rollondiv h5.section-title { padding: 10px 35px 10px 20px !important;} .issueArea .flexWrap .col-4 .rollondiv a.clickArrow { display: block; float: right !important; width: 40px;} .issueAreaOrder .clickArrow:hover img { margin-left: 15px; transition: 0.3s all cubic-bezier(0.075, 0.82, 0.165,0.7);} .issueArea .box { overflow: hidden;} .issueArea .box:before { padding-top: 55%;} .issueArea .flexWrap { border-bottom: 5px solid #001965; padding-bottom: 50px; margin-bottom: 85px;} .issueArea .flexWrap:last-child { border-bottom: 0; margin-bottom: 0;} .issueArea .flexWrap .col-8 { width: 70%;} .issueArea .flexWrap .col-4 { width: 30%; padding-left: 0;} .issueArea .flexWrap .col-4 .rollondiv { width: 100%; position: relative; left: 0; top: -35px;} .issueArea .col-4 h5.section-title { background: #fff; font-size: 36px; padding: 10px 15px 10px 15px !important; line-height: 48px; letter-spacing: -1.5px; width: auto; display: inline-block; word-break: break-word;} .issueArea .flexWrap:nth-child(odd) .col-8 { order: 1; width: 70%; margin-left: -12%;} .issueArea .flexWrap:nth-child(2n+1) .col-4 { padding-left: 0; z-index: 1; width: 30%;} .issueArea .flexWrap:nth-child(odd) .col-4 .rollondiv { width: 110%; left: 0;} .issueArea .flexWrap:nth-child(odd) .col-4 .rollondiv a.clickArrow { float: left !important;} .issueArea .flexWrap:nth-child(odd) .col-4 h5.section-title { left: 0; width: 90%;} .issueArea .flexWrap:nth-child(odd) .col-4 .discription { margin-right: 10%;} .issueArea .flexWrap:nth-child(even) .col-8 .box { width: 105%;} .issueArea .flexWrap:nth-child(odd) .col-8 .box { width: 105%;} .issueArea .flexWrap:nth-child(even) .col-4 .rollondiv { width: 120%; left: -20%;} .issueArea .flexWrap:nth-child(even) .col-4 h5.section-title{ width: 100%; left: 0;} .issueArea .flexWrap:nth-child(even) .col-4 .discription { float: right; width: 100%;} .issueArea .flexWrap:nth-child(even) .col-4 .discription .innerdiscription.redborder { float: right; width: 79%;} .issueArea .flexWrap:nth-child(even) .col-4 .rollondiv a.clickArrow { display: flex; float: right !important; width: 40px; } .singleIssueArea .col-4 div { top: -35%;} .hvr-curl-bottom-right.publicIssue { display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column; height: 100%;} .publicationIssue .dataOnImage h4 { font-size: 36px; line-height: 42px; color: #fff; height: 100%; display: flex;} .publicIssue .innerwrp_box { height: 100%;} .campaignsBoxes.publicationIssue .dataOnImage { position: relative; width: 100%; max-height: 100%; height: 100%; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column;} .publicationIssue .dataOnImage p { min-height: auto; height: auto;} .newsContentSection.singleIssueArea { margin: 65px 0 0;} .mainImageSection.singleIssueImg .container_1400 .col-12 .col-4 { bottom: -12%;} .campaignsBoxes.publicationIssue { margin-bottom: 20px;} .publicationIssue .sectionSubTitle { margin-top: 35px;} .newsContentSection.singleIssueArea .col-8 { margin-bottom: 30px; margin-top: -70px;} .mainImageSection.singleIssueImg { margin-bottom: 120px;} .page-template-single-issue-area footer#footer { margin-top: 30px;} .page-template-single-issue-area-php .campaignsBoxes .hvr-curl-bottom-right img.clickArrow { width: 40px; transition: 0.5s all cubic-bezier(0.075, 0.82, 0.165,0.7);} .page-template-single-issue-area-php .campaignsBoxes .hvr-curl-bottom-right:hover img.clickArrow { margin-left: 20px; transition: 0.5s all cubic-bezier(0.075, 0.82, 0.165,0.7);} /* -- Issue Area page End -- */ /* -- partner page Start -- */ .partnerSection .flexWrap { border-bottom: 5px solid #001965; margin-top: 50px; padding-bottom: 25px;} .partnerTitleSection .pageTitle { margin-bottom: 60px;} .partnerdata p { color: #707070;} .partnerdata a { font-size: 20px; color: #001965;} .partnerSection .flexWrap:last-child { border: 0; margin-bottom: 30px;} .partner_image { background: #041a65; border: 5px solid #F8013D; width: 90%; height: 220px; display: flex; vertical-align: middle; line-height: 80%; position: relative; overflow: hidden; padding: 10px 7px;} .partner_image img { display: block; vertical-align: middle; position: relative; left: 0; right: 0; top: 0; bottom: 0; margin: auto;} /* -- partner page End -- */ /* -- Community Briefing page Start -- */ .CommunitySection .publicSubPages { width: 100%;} .CommunityTitleSection .subcontent { margin: 120px 0 0;} .CommunityTitleSection.comunitybrief .subcontent { margin: 60px 0 30px;} .CommunitySection .pageSectionTitle { border: 5px solid #F8013D; padding: 20px 22px; margin-top: 30px; margin-bottom: 10px;} .CommunitySection .Pagelist li { padding-bottom: 0; list-style: none; padding-left: 0;} .CommunitySection .Pagelist li h6:after { content: ""; background: url(images/accordion_Arrow.svg) no-repeat center center; position: absolute; right: 10px; background-size: 35px; top: 31px; margin: auto 0; width: 30px; height: 25px; transition: ease 0.5s; transform: rotate(270deg); } .CommunitySection .Pagelist li h6:hover:after { transition: ease 0.5s; right: -5px;} .CommunitySection .Pagelist h6 { padding: 0; margin: 0 27px; border-bottom: 1px solid #001965;} .CommunitySection .Pagelist h6 a { display: block; width: 100%; padding: 22px 45px 22px 0px;} /* .CommunitySection .Pagelist h6:hover a { padding-left: 10px;} */ .CommunitySection .Pagelist h6 a:before { background: #EFEFEF; z-index: -1; content: ""; width: 100%; height: 100%; opacity: 0; position: absolute; left: 0; top: 0; transition: 1s all cubic-bezier(0.075, 0.82, 0.165,0.7);} .CommunitySection .Pagelist li h6:hover a:before { opacity: 1; transition: 0.9s all cubic-bezier(0.075, 0.82, 0.165,0.7);} .subCommunityTitleSection .content_title { margin-bottom: 40px; font-size: 60px; color: #001965; line-height: 70px;} .viewmoreBox { cursor: pointer;} .viewmoreBox a.btn { border: 0; width: 55px; padding: 0;} .viewmoreBox:hover a.btn::after { left: 0;} .SingleCommunity .flexWrap { margin: 0 -10px 40px;} .deputiesCommunity .flexWrap { margin: 0 -12px;} .activity_report { border: 5px solid #001965; padding: 30px 20px; margin: 0 12px 25px; color: #626262;} .activity_report h6.subcontent { color: #001965; padding-right: 22%; margin-bottom: 35px;} .deputiesCommunity .activity_report h6 { margin-bottom: 5px;} .deputiesCommunity .activity_report h6:first-child { margin-bottom: 35px;} .deputiesCommunity .col-4 .activity_report:last-child h6 { margin-bottom: 15px; line-height: 30px;} .contentImg { width: 100%; margin-bottom: 40px;} .contentImg img { width: 100%;} .activity_report p { padding-bottom: 30px;} h6.delaysTitle { margin-bottom: 60px;} h6.titleActivity { margin-bottom: 0; text-transform: uppercase;} .deputiesCommunity .col-8 h6.titleActivity { margin-bottom: 30px;} .deputiesCommunity .backCenter { padding-top: 30px; padding-bottom: 0;} .page-template-template-community-briefing .SingleCommunity .flexWrap { margin: 0 -10px 20px;} /* -- Community Briefing page End -- */ /* -- Careers page Start -- */ .careerSection .flexWrap { margin: 0 -12px 30px;} .careerSection .col-6 div { background: #EFEFEF; margin: 12px; padding: 45px 23px; color: #001965 !important;} .careerSection .col-6 div h4 { margin-bottom: 60px;} .careerSection .col-6 div p { color: #001965;} .careerSection .col-6 div.btnRow { padding: 0; margin: 20px 0 0;} .careerSection .col-6 div.btnRow a.btn { border: 5px solid #001965; color: #001965; position: relative; letter-spacing: 0;} .careerSection .col-6 div.btnRow a.btn:hover { color: #001965 !important;} .careerSection a.btn::after { content: ""; background: url(images/blue_rightArrow.svg) no-repeat right center; position: absolute; width: 100%; height: 100%; left: -20px; background-size: 34px; top: 0; transition: ease 0.5s;} .careerSection .col-6 div.btnRow a.btn:hover::after { left: -10px;} .careerTitleSection .subcontent { margin-bottom: 15px;} /* -- Careers page End -- */ /* -- Communal Contribution page Start -- */ .communalContriTitleSection .pageTitle { margin-bottom: 90px;} .communalContriTitleSection .subcontent { margin-bottom: 70px;} .communalContriSection .dataOnImage { position: relative; width: 100%; padding: 20px 55px 20px 25px; max-height: 100%; height: 100%;} .communalContriSection .publicIssue { padding: 0; margin-right: 30px;} .communalContriSection .dataOnImage h4 { color: #fff; margin-bottom: 100px;} .communalContriSection .dataOnImage p { padding-bottom: 30px;} .communalContriSection .col-8 div { border: 5px solid #001965; padding: 35px; color: #626262;} .communalContriSection .col-8 div p { color: #626262;} section.communalContriSection { margin-bottom: 50px;} .communalContriSection .hvr-curl-bottom-right:before { background: linear-gradient(315deg, white 49%, #E6E6E6 10%, #E6E6E7 37%, #e6e6e6 90%); box-shadow: 0px 0px 0 #e6e6e6; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: width, height; transition-property: width, height; transition: 0.3s all cubic-bezier(0.075, 0.4, 0.165,0.3);} .communalContriSection .hvr-curl-bottom-right:hover:before { background: white; background: linear-gradient(315deg, white 45%, #f8013d 50%, #f8013d 56%, #a40128 80%) !important; box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.3) !important;} .communalContriSection .hvr-curl-bottom-right { height: auto;} .communalContriSection .dataOnImage h4 { font-size: 40px; line-height: 50px;} .communalContriSection .hvr-curl-bottom-right img.clickArrow { transition: 0.5s all cubic-bezier(0.075, 0.82, 0.165,0.7);} .communalContriSection .hvr-curl-bottom-right:hover img.clickArrow { margin-left: 20px; transition: 0.5s all cubic-bezier(0.075, 0.82, 0.165,0.7);} /* -- Communal Contribution page End -- */ /* -- Digital content page Start -- */ .DGcls-1 { fill: #001965; stroke: #001965;} .DGcls-2 { fill: #fff; stroke: #fff;} .topcontentBg { background: #EFEFEF; padding: 20px; margin-top: 70px; margin-bottom: 22px;} .topcontentBg .pageTitle { margin-top: 15px;} .topcontentBg .col-4 img { float: right; margin-right: 40px;} .DigitalContentSection .flexWrap { margin: 0 -12px;} .DigitalContentSection .flexWrap .col-4 { margin-bottom: 24px;} .DigitalContentSection .col-4 > div { background: #F8013D; margin: 12px; height: 100%; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column;} .digiBoxes .col-4 > div a { height: 100%; background: #F8013D; padding: 22px 25px 22px 20px; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column;} .DigitalContentSection .col-4 > div .clickArrow:hover img { margin-left: 30px;} .videoName { color: #fff; height: 100%; display: -ms-flexbox; display: -webkit-flex; display: flex; -ms-flex-direction: column; -webkit-flex-direction: column; flex-direction: column;} .digiBoxes .videoName { height: auto;} .digitalArrowLogo { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; flex-flow: row wrap;} .digitalArrow { width: 30%; position: relative;} .digitalArrowLogo a.clickArrow { position: absolute; bottom: 15px;} .digitalLogo { width: 70%; justify-content: right; text-align: right;} .DigitalContentSection .moreCenter { width: 100%;} .digitalLogo img { float: right;} .digiBoxes .digitalLogo img { width: auto; height: auto;} .digiBoxes .col-4 > div a p { transition: 0.5s all cubic-bezier(0.075, 0.82, 0.165,0.7);} .digiBoxes .col-4 > div a:hover div { color: #fff; transition: 0.5s all cubic-bezier(0.075, 0.82, 0.165,0.7);} .digiBoxes .digitalArrow .card-deck .card { position: absolute; bottom: 0;} .digiBoxes .col-4 > div a .equal-height { margin-bottom: 20px;} section.DigitalContentSection.digiBoxes { margin-bottom: 20px; } /* -- Digital content page End -- */ /* -- Video popup Start -- */ .fancybox-container { z-index: 9999999 !important;} .fancybox-is-open .fancybox-bg { opacity: 1 !important;} .fancybox-bg { background: #000 !important;} .fancybox-slide.fancybox-slide--video { padding: 0 !important;} button.fancybox-button.fancybox-button--close { background: #F8013D; padding: 0; top: 20px; right: 20px; width: 40px; height: 40px; box-shadow: 0px 0px 5px #111; transition-timing-function: cubic-bezier(.22,.61,.36,1); transition: 1s all cubic-bezier(0.075, 0.82, 0.165, 1);} button.fancybox-button.fancybox-button--close:hover { background: #001965 !important; transition-timing-function: cubic-bezier(.22,.61,.36,1); transition: 1s all cubic-bezier(0.075, 0.82, 0.165, 1);} .fancybox-button svg path { fill: #fff !important;} .fancybox-button svg { left: -1px;} /* -- Video popup End -- */ /* -- Jews in Britain A Timeline page Start -- */ .bodTimelineTitleSection .pageTitle { line-height: 100px;} .bodTimelineSection .col-8 { padding-right: 40px; color: #626262;} .bodTimelineSection .col-8 p { color: #626262; padding-bottom: 20px;} .bodTimelineSection .col-4 > div { background: #F8013D; padding: 20px 25px; color: #fff;} section.bodTimelineSection { margin-bottom: 50px;} .web_links ul li { color: #001965; list-style: none;} .bodTimelineSection .col-4 > div p { color: #fff; padding-bottom: 10px;} .bodTimelineSection .col-4 > div p span { color: #001965;} .bodTimelineSlier .flexWrap { background: #EFEFEF; padding: 80px 80px 50px; margin-bottom: 50px;} .bodTimelineSection ul li a:hover { color: #fff !important;} .bodTimelineSection .col-4 > div ul li { word-break: break-word; list-style: none;} .bodTimelineSection .col-4 div ul { padding-left: 0;} .bodTimelineSection .col-4 div ul li { padding-left: 0;} /* -- Slick Slider Start -- */ .slick-list.draggable { display: -webkit-box; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap;flex-wrap: wrap; flex-flow: row wrap; height: 100%;} .slider { width: 100%; margin: 0px auto;} .slick-slide { display: block; float: left; height: 100%; min-height: 1px; display: -webkit-box; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap;flex-wrap: wrap; flex-flow: row wrap; height: 100%;} .slick-slide div { height: 100% !important; display: block !important; } .slick-slide img { width: 100%;} .slick-prev:before, .slick-next:before { color: black;}slick-dotted.slick-slider { margin-bottom: 0;} .slide_Box { background: #fff; padding: 35px 25px; margin: 0 12px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; flex-flow: row wrap; height: 100%;} .slide_Box h2 { color: #F8013D; font-size: 84px; margin-bottom: 45px; line-height: 90px;} .slide_Box p { color: #626262; margin-bottom: 55px;} ul.slick-dots { display: none !important;} .slick-next::before { background: url(images/right_arrow.svg) no-repeat; content: "" !important; position: absolute !important; left: 10px; right: 0; width: 40px; height: 40px; z-index: 999999; opacity: 1 !important; top: 15px;} .slick-prev:before { background: url(images/right_arrow.svg) no-repeat; content: "" !important; position: absolute !important; left: 0px; right: 0; width: 40px; height: 40px; z-index: 999999; opacity: 1 !important; transform: rotate(180deg); top: 10px;} button.slick-prev { left: -55px;} .slick-track { padding: 20px 0; height: 100%;} .slide_Box { transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: 1s all cubic-bezier(0.04, 0.85, 0.59, 1.03);} .slick-initialized .slick-slide:hover .slide_Box { box-shadow: 5px 9px 3px #010a25; background: #001965; margin-top: 0px; transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: 1s all cubic-bezier(0.04, 0.85, 0.59, 1.03);} .slick-initialized .slick-slide:hover .slide_Box p { color: #fff;} .slide_Box h2 { word-break: break-all; line-height: 85px;} button.slick-next.slick-arrow.slick-disabled::before { opacity: 0.3 !important;} button.slick-prev.slick-arrow.slick-disabled::before { opacity: 0.3 !important;} /* -- Slick Slider End -- */ /* -- Jews in Britain A Timeline page End -- */ .pageTitle { margin: 60px 0 40px; color: #12245B; letter-spacing: 0; line-height: 95px; font-size: 100px;} .single div#page-wrap { margin-bottom: 50px;} #cookie-notice { font-family: 'GTPressuraMono-Light' !important; background-color: rgb(2, 16, 59) !important;} #cookie-notice .cn-button { background: #f8013d !important;} #cookie-notice .cn-close-icon { position: absolute; right: 7px; top: 20px;} #cookie-notice .cn-button:hover { color: #001965 !important;} .pagination a, .pagination span { background: #001965; color: #fff; padding: 10px 20px; margin: 0 5px; font-size: 25px;} .pagination span.current { background: #f8013d;} .pagination a.paginationLink.next { position: relative;} .pagination a.paginationLink.next:before { content: ">"; position: absolute; top: -5px; left: 0; right: -2px; font-size: 35px; transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: 0.5s all cubic-bezier(0.075, 0.82, 0.165, 1);} .pagination a.paginationLink.next:hover:before { right: -12px; transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: 0.5s all cubic-bezier(0.075, 0.82, 0.165, 1);} .pagination a.paginationLink.prev { position: relative; } .pagination a.paginationLink.prev:before { content: "<"; position: absolute; top: -5px; left: -5px; right: 0; font-size: 35px; transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: 0.5s all cubic-bezier(0.075, 0.82, 0.165, 1);} .pagination a.paginationLink.prev:hover:before { right: 10px; transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: 0.5s all cubic-bezier(0.075, 0.82, 0.165, 1);} .pagination { line-height: 55px;} a.paginationLink.prev.disabled, a.paginationLink.next.disabled { color: #fff !important; pointer-events: none;} a.paginationLink.prev.disabled::before, a.paginationLink.next.disabled::before { opacity: 0.2;} a.paginationLink.next.disabled:hover::before { right: 0;} .pagination a.paginationLink.prev:hover:before{ right: 0;} /* .lSSlideOuter { display: flex; flex-direction: column;} .lSSlideWrapper.usingCss { order: 2;} .gwts-gwl-slidergal li img { margin: auto; width: 100%;} .lSSlideOuter .lightSlider, .lSSlideOuter .lSPager { height: 100% !important;} .lSSlideOuter .lSPager { background: #25282B; padding: 7px 0 0 3px !important;} .lSSlideOuter .lSGallery li { list-style: none; border: 2px solid #fff; display: inline-block !important; float: none; width: 113px !important; margin-right: 8px !important;} .lSSlideOuter .lSPager.lSGallery li.active { border: 2px solid #f8013d;} .lSSlideWrapper { overflow: initial;} .lSAction { top: -70px; position: absolute; z-index: 999999; width: 100%;} .lSAction > a { background-color: #0E71EE; border-radius: 30px; opacity: 1;} .lSAction > a:hover { background-color: #f8013d !important;} .lSAction > .lSPrev { background-position: -1px -3px; left: 10px; border: 3px solid #fff;} .lSAction > .lSNext { background-position: -36px -3px; right: 15px; border: 3px solid #fff;} .lSSlideOuter .lSPager.lSGallery img { width: 100%;} .item .clearfix { padding: 0 10px;} .lSSlideOuter .lSPager { background: #25282B; padding: 7px 0 0 3px !important;} */ /* .deputiesCommunity .item { margin: 0 -10px;} */ .lSSlideOuter.new_gwtsSlider { margin-top: 60px;} .lSSlideOuter.new_gwtsSlider .gwts-gwl-slidergal { margin-bottom: 20px;} .lSSlideOuter .lSPager.lSGallery li { list-style: none; } .lSSlideOuter .lSPager.lSGallery li.active { border: 2px solid #f8013d;} .lSSlideOuter .lSPager.lSGallery li.active, .lSSlideOuter .lSPager.lSGallery li:hover { border-radius: 0 !important;} .lSSlideOuter .lSPager.lSGallery img { width: 100%;} .lg-backdrop, .lg-outer { z-index: 999999!important;} .gwts-gwl-slidergal { padding: 0 !important;} .communal_title .subcontent { color: #12245B;} section.communal_Box { margin: 0 0 40px;} section.featuredSection .col-4 { margin: 10px 0;} .communal_Box.commuDiary_Box { margin-bottom: 0;} h3.noRecord_found { margin: 0 10px;} .commuDiary_Box .flexWrap { margin-bottom: 0 !important;} .page-template-template-communal-diary .infoDonate.animateme.animated { margin-top: 10px;} .commuDiary_Box .moreCenter { text-align: center; padding: 60px 0 50px;} .donate.rightsdie { position: fixed; top: 0 !important; right: -15%; bottom: 0; margin: auto; z-index: 999999; width: 60px; height: 150px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; transition: 1s all cubic-bezier(0.075, 0.82, 0.165, 1); background: #F8013D;} .donate.rightsdie { right: -2px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; transition: 1s all cubic-bezier(0.075, 0.82, 0.165, 1);} .donate.rightsdie .dnate_text { margin: 13px;} .donate.rightsdie:hover { background: #001965; } .fixedBurgermenu .donate.rightsdie { display: none;} /* popup styles */ body.scrollHide { overflow: hidden;} .popupWraperBox { position: fixed; left: 0; top: 0; right: 0; width: 100%; height: 100%; z-index: 99999999; padding: 0; opacity: 1; visibility: visible; bottom: 0; margin: auto; background: rgb(0,0,0,0.7);} .popupWraper { background: #001965; position: relative; z-index: 999999; left: 0; right: 0; top: 0; margin: 5% auto; width: 100%; max-width: 35%; border: 0px; padding: 25px; font-size: 14px; line-height: 22px; border: 1px solid #fff; border-radius: 5px;} .popupWraper p { font-size:14px; line-height:15px; margin:0; font-size: 20px; font-family: 'GTPressuraMono-Light'; line-height: 25px;} .popupWraper .campaig_signed { padding: 25px 20px 20px; border-radius: 3px;} .popupWraper .campaig_signed label { font-size: 21px !important; text-transform: capitalize; font-weight: 400 !important;} .popupWraper .campaig_signed input { width: 100% !important} .popupWraper .campaig_signed input[type="submit"] { margin: 30px 0 5px; font-size: 25px; padding: 5px 15px;} .popupWraper span.wpcf7-list-item.first input[type="checkbox"] { margin-top: 5px; width: 25px;} .popupWraper span.wpcf7-list-item.last input[type="checkbox"] { margin-top: 5px; width: 25px;} span.wpcf7-list-item-label { vertical-align: middle;} .popUp-box input[type="radio"] { width: 25px; height: 25px;vertical-align: middle; margin-top: 0px;} .popupWraper h3 { margin:15px 0; line-height:15px;} .popUp-box { width:100%; position:relative;} .popUpclose { width: 45px; height: 45px; background: #f8013d; position: absolute; right: -15px; top: -20px; cursor: pointer; border-radius: 50%; text-align: center; color: #fff; line-height: 40px; border: #fff solid 2px; font-size: 33px; transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: 1s all cubic-bezier(0.075, 0.82, 0.165, 1); z-index: 9;} .popUpclose:hover { background: #f00; transform: rotate(360deg); transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: 1s all cubic-bezier(0.075, 0.82, 0.165, 1);} #overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity: 0.9; opacity: 0.9; z-index: 9999999;} .popupWraper .wpcf7-response-output { background: #fff; width: 100%; transition: 0.9s all cubic-bezier(0.09, 1.1, 0.17, 1) !important; transition: all .5s ease-in-out !important; -webkit-transition: all .5s ease-in-out !important; -moz-transition: all .5s ease-in-out !important; -o-transition: all .5s ease-in-out !important;} .popupWraper .campaig_signed input[type="submit"]:hover { background: #001965;} input[type="radio" i] { cursor: default; margin: 0; padding: initial; display: block;} .wpcf7-form [type="radio"]:checked, .wpcf7-form [type="radio"]:not(:checked) { position: relative; top: 6px; opacity: 1; box-sizing: border-box; background: white; width: 39px; height: 39px; -webkit-appearance: none !important; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; box-sizing: border-box !important; -webkit-appearance: none !important; -moz-appearance: none !important; appearance: none !important;} input[type='radio']:checked { background: url(images/checkbox.svg) no-repeat right center !important; background-size: 100% !important;} .popupWraper .wpcf7-form [type="radio"]:checked, .popupWraper .wpcf7-form [type="radio"]:not(:checked) { height: 29px; width: 29px;} .wpcf7 form.sent .wpcf7-response-output[aria-hidden="true"] { border: 1px solid #46b450 !important; color: #46b450 !important; font-size: 16px; line-height: 22px} .invalid .wpcf7-response-output { border: 1px solid #F8013D !important; color: #F8013D; line-height: 21px; font-size: 17px; margin-bottom: 15px !important; transition: 0.9s all cubic-bezier(0.09, 1.1, 0.17, 1) !important; transition: all .5s ease-in-out !important; -webkit-transition: all .5s ease-in-out !important; -moz-transition: all .5s ease-in-out !important; -o-transition: all .5s ease-in-out !important;} form.wpcf7-form input:focus { box-shadow: 0px 0px 2px #000;} .gform_wrapper ul.gform_fields li.gfield { padding-right: 16px; font-size: 20px; line-height: 25px !important;} .gform_button[type="submit"] { height: 50px !important; font-size: 25px !important; padding: 0 10px !important;} .popupWraper .campaig_signed input { width: 100% !important; padding: 0 15px !important;} .popupWraper .campaig_signed input.gform_button[type="submit"] { width: auto !important;} .gform_wrapper ul.gform_fields li.gfield:first-child { margin-top: 0;} .gform_wrapper { margin-top: 0 !important;} .gform_wrapper ul.gform_fields li.gfield { padding: 0;} body .gform_wrapper .top_label div.ginput_container { margin-top: 0;} body .gform_wrapper ul li.field_description_below div.ginput_container_checkbox, body .gform_wrapper ul li.field_description_below div.ginput_container_radio { margin-top: 0 !important;} .gform_wrapper ul li.field_description_below div.ginput_container_radio { margin-top: 0;} .gform_wrapper.gf_browser_chrome ul.gform_fields li.gfield input[type=radio] { margin-left: 1px; position: relative; top: 6px; opacity: 1; box-sizing: border-box; background: white; width: 39px; height: 39px; -webkit-appearance: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; appearance: none;} .gform_wrapper ul.gfield_checkbox, .gform_wrapper ul.gfield_radio { margin: 0;} .gform_wrapper ul.gfield_checkbox li, .gform_wrapper ul.gfield_radio li { display: inline-block;} .popupWraper .campaig_signed input { margin-top: 0;} .gform_wrapper .gfield_required { color: #f00 !important; margin-left: 0 !important;} .campaig_signed input { margin-top: 0;} .mainPop { overflow-y: scroll; height: 100%; position: fixed; width: 100%;} .checkbox_bg { margin-top: 0 !important;} .checkbox_bg ul.gfield_radio li { position: relative; padding: 15px 10px 0 !important; margin-right: 30px;} .checkbox_bg ul.gfield_radio label { width: 100%; margin-top: 0; position: absolute; top: 0; left: 5px;} .gform_wrapper .gfield_radio li { margin: 0;} .gform_wrapper ul.gfield_radio li { padding: 10px 10px 0 10px !important;} .gform_wrapper.gf_browser_chrome ul.gform_fields li.gfield input[type=radio] { margin-left: -3px;} .gform_wrapper .gfield_radio li label { margin: 2px 0 0 1px; text-align: center;} .gform_wrapper .checkbox_bg ul.gfield_checkbox li, .gform_wrapper .checkbox_bg ul.gfield_radio li { padding: 11px 10px 0 10px !important;} .gform_wrapper.gf_browser_chrome ul.gform_fields li.gfield input[type=radio] { margin-left: 0; margin-top: 20px;} .gform_wrapper div.validation_error { color: #f00 !important; border-top: 1px solid #f00 !important; border-bottom: 1px solid #f00 !important; font-size: 19px !important; font-weight: 400 !important; padding: 20px !important;} .gform_wrapper .gfield_error .gfield_label { color: #001965 !important;} .gform_wrapper .validation_message { color: #f00 !important; font-weight: 400 !important; font-size: 19px !important; padding: 10px 0 !important;} .gform_wrapper li.gfield_error input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .gform_wrapper li.gfield_error textarea { border: 1px solid #f00 !important;} /* popup styles */ /* Communal_Diary_Start */ .diary_boxes .col-4 .hvr-curl-bottom-right:hover .equal-height { color: #fff;} .diary_boxes .col-4.diaryEvent .hvr-curl-bottom-right { background: #001965 url(images/logobg.svg) no-repeat center center !important; transition: 0.5s all cubic-bezier(0, 0.82, 1, 1); background-size: 55% !important;} .diary_boxes .col-4.diaryEvent .hvr-curl-bottom-right .equal-height { color: #fff;} .diary_boxes .col-4.diaryEvent .hvr-curl-bottom-right p { color: #fff !important;} .diary_boxes .col-4.diaryEvent .hvr-curl-bottom-right .red_title { font-weight: 600;} .diary_boxes .equal-height { color: #001965; margin: 0 !important; line-height: 20px; font-size: 15px; padding-bottom: 10px;} .diary_boxes .col-4 .hvr-curl-bottom-right { padding: 20px 20px 15px; display: inline-block; width: calc(100% - 20px); height: 100%;} .diary_boxes h6.pageSectionTitle { width: 100%; color: #F8013D; display: flex; margin-top: 20px; padding-left: 10px;} .diary_boxes h6.pageSectionTitle:first-child { margin-top: 0;} .diary_boxes .col-4 div p { display: block !important; color: #001965; padding-bottom: 10px; font-size: 15px; line-height: 20px;} .diary_boxes .col-4 .hvr-curl-bottom-right:hover p { color: #fff;} .red_title { display: inline-block; color: #F8013D !important; margin: 0 !important;} .equal-height .red_title { display: block;} .diary_boxes .col-4 .hvr-curl-bottom-right:hover span.red_title { font-weight: 600;} .diary_boxes .col-4 div.arrow { position: relative; margin: 0;} .diary_boxes .col-4 div.arrow a.clickArrow { position: absolute; right: 15%; top: -40px;} .diary_boxes .arrow img.clickArrow { width: 40px; margin-top: 5px; transition: 0.5s all cubic-bezier(0.075, 0.82, 0.165,0.7);} .diary_boxes .col-4 .hvr-curl-bottom-right:hover .arrow img.clickArrow { margin-left: 20px; transition: 0.5s all cubic-bezier(0.075, 0.82, 0.165,0.7);} .page-template-template-communal-diary-php .communal_title .subcontent { margin-bottom: 30px;} .page-template-template-communal-diary-php .communal_title .subcontent p:last-child { padding-bottom: 0;} .page-template-template-communal-diary-php .diary_boxes .col-4 div.arrow { display: none;} .page-template-template-communal-diary-php .diary_boxes .col-4 div { cursor: default;} section.diary_boxes { margin-bottom: 40px !important;} .diary_boxes .col-4 .hvr-curl-bottom-right:hover:before, .diary_boxes .col-4 .hvr-curl-bottom-right:focus:before, .diary_boxes .col-4 .hvr-curl-bottom-right:active:before { width: 50px; height: 50px;} .diary_boxes .col-4 .hvr-curl-bottom-right:before { background: linear-gradient(315deg, white 48%, #626262 50%, #626262 100%, #626262 100%) !important;} .diary_boxes .col-4 .hvr-curl-bottom-right:hover:before { background: linear-gradient(315deg, white 48%, #626262 50%, #626262 100%, #626262 100%) !important;} .diary_boxes .col-4 .hvr-curl-bottom-right:hover { background: #EFEFEF !important;} .diary_boxes .col-4 .hvr-curl-bottom-right:hover p { color: #001965;} .diary_boxes .col-4 .hvr-curl-bottom-right:hover span.red_title { font-weight: 400;} .diary_boxes .col-4 .hvr-curl-bottom-right:hover .equal-height { color: #001965;} .col-4.diaryEvent .hvr-curl-bottom-right:before { background: linear-gradient(315deg, white 50%, #F8013D 50%, #F8013D 100%, #F8013D 100%) !important} .col-4.diaryEvent .hvr-curl-bottom-right:hover:before { background: linear-gradient(315deg, white 50%, #F8013D 50%, #F8013D 100%, #F8013D 100%) !important} .col-4.diaryEvent .hvr-curl-bottom-right:hover .equal-height { color: #fff;} .col-4.diaryEvent .hvr-curl-bottom-right { background: #001965 url(images/logobg.svg) no-repeat center center !important;} .col-4.diaryEvent .hvr-curl-bottom-right:hover { background: #001965 url(images/logobg.svg) no-repeat center center !important; background-size: 55% !important;} .col-4.diaryEvent .hvr-curl-bottom-right:hover span.red_title { font-weight: 600;} .dropdown.communalfillter { width: 32%; margin: 0 10px;} .dropdown.communalfillter .select_box { margin: 20px 0;} .nice-select:after { right: -16px !important; top: 25% !important;} .nice-select.open:after { right: 0px !important; top: 26% !important} .diaryList .hvr-curl-bottom-right { width: 100% !important;} .dropdown.communalfillter .select_box .list { max-height: 420px; overflow-y: auto;} .sharethis-inline-share-buttons { z-index: 999 !important;} #st-1 .st-btn[data-network='linkedin'] { background-color: transparent !important;} .st-btn[data-network="linkedin"]:before { background: url(images/linkedin.svg) no-repeat !important; width: 57px; height: 45px !important; background-size: 30px 40px !important; background-position: 0; content: ""; position: absolute; left: -3px !important; top: -10px;} #st-1 .st-btn[data-network='whatsapp'] { background-color: transparent !important;} .st-btn[data-network="whatsapp"]:before { background: url(images/new_whatsapp.svg) no-repeat !important; width: 30px; height: 30px !important; background-size: 33px 33px !important; background-position: 40% 90%; content: ""; position: absolute; left: -5px !important; top: -6px;} /* Communal_Diary_End */ form.post-password-form {background: #E6E6E6; padding: 20px 30px; margin-top: 0;} .post-password-message { background: #e6e6e6; font-size: 25px; line-height: 32px; color: #12245B; margin-bottom: 0; padding: 30px 30px 0px; text-align: left; margin-top: 60px;} .post-password-message p { margin-bottom: 0; padding-bottom: 0;} .post-password-form label { font-size: 25px; line-height: 40px; color: #001965 !important; width: 100%; display: block; float: left; margin-left: 0;} .post-password-form input[type="password"] { width: 100%; height: 40px; margin-bottom: 20px;} .post-password-form input[type="submit"] { margin-top: 20px; margin-left: 0px; padding: 9px 20px; text-transform: capitalize;} div#gform_wrapper_2 { background: #E6E6E6; padding: 30px; margin-top: 70px !important; margin-bottom: 70px;} #gform_wrapper_2 label.gfield_label { font-weight: 400; font-size: 25px; line-height: 30px; letter-spacing: -0.5px;} #gform_wrapper_2 .gfield_description { width: 100%; color: #001965; font-size: 18px; letter-spacing: -0.5px; font-family: 'GTPressuraMono-Light';} #gform_wrapper_2 input { width: 100%; height: 40px; color: #001965; border: 0;} .ginput_container.ginput_container_date { position: relative;} .ginput_container.ginput_container_date img.ui-datepicker-trigger { position: absolute; right: 10px; top: 12px;} .gform_wrapper textarea.medium { color: #001965;} #gform_wrapper_2 span.gfield_required { color: #001965 !important;} #gform_wrapper_2 .nice-select span.current:hover { background: #fff;} #gform_wrapper_2 .nice-select.open:after { right: 10px;} #gform_wrapper_2 .nice-select:after { right: -16px;} #gform_wrapper_2 .nice-select span.current { padding-left: 20px; font-size: 25px;} #gform_wrapper_2 .nice-select { margin-bottom: 20px; border-radius: 0;} #gform_wrapper_2 [type="radio"]:checked, #gform_wrapper_2 [type="radio"]:not(:checked), #gform_wrapper_2 [type="checkbox"] { position: relative; top: 6px; opacity: 1; box-sizing: border-box; background: white; width: 35px !important; height: 50px; -webkit-appearance: none !important; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; box-sizing: border-box !important; -webkit-appearance: none !important; -moz-appearance: none !important; -ms-appearance: none !important; appearance: none !important; } #gform_wrapper_2 [type="checkbox"]:checked, #gform_wrapper_2 input[type='radio']:checked { background: url(images/checkbox.svg) no-repeat right center !important; background-size: 90% !important;} #gform_wrapper_2 [type="checkbox"] { width: 35px !important; height: 40px;} #gform_wrapper_2 [type="checkbox"]:checked { width: 35px !important; height: 40px;} #gform_wrapper_2 .gfield_checkbox { margin: -25px 0 0 !important;} #gform_wrapper_2 .gfield_checkbox li.gchoice_2_18_1 { margin-bottom: 0 !important; width: 100%;} #gform_wrapper_2 .gfield_checkbox li.gchoice_2_18_1 label#label_2_18_1 { margin-top: 20px;} #gform_wrapper_2 .gform_footer input#gform_submit_button_2 { width: auto; padding: 0 30px !important; background: #f8013d; text-transform: capitalize; font-size: 35px !important; height: 60px !important; color: #fff; /* position: absolute; */ } #gform_wrapper_2 .gform_footer input#gform_submit_button_2:hover { background: #001965;} #gform_wrapper_2 .gform_wrapper ul.gform_fields li.gfield { padding-right: 0;} .gform_wrapper ul.gfield_checkbox li input[type=checkbox]:checked+label, .gform_wrapper ul.gfield_radio li input[type=radio]:checked+label { font-weight: 400 !important;} #gform_wrapper_2 ul.gform_fields li.gfield { padding-right: 0 !important; width: 100%; max-width: 100% !important;} #gform_wrapper_2 textarea { border: 0;} #gform_fields_2 .nice-select.open .list { opacity: 1; pointer-events: auto; -webkit-transform: scale(1) translateY(0); -ms-transform: scale(1) translateY(0); transform: scale(1) translateY(0);} #gform_fields_2 .nice-select .list { transition: all 0.7s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;} #gform_fields_2 .validation_message { position: relative; padding-left: 35px !important; vertical-align: middle;} #gform_fields_2 .validation_message:after { background: url(images/error-msg_Img.svg) no-repeat left center; content: ""; position: absolute; left: 5px; top: 10px; width: 100%; height: 20px;} .post-password-form input[type="submit"] { background: #f8013d;} .post-password-form input[type="submit"]:hover { background: #001965;} .ui-datepicker-next, .ui-datepicker-prev { margin-top: 7px !important;} .ui-datepicker-calendar .ui-state-default { background-image: none !important; background: #ededed !important;} .ui-datepicker-title select { font-weight: 600; color: #001965;} div#gform_wrapper_3 { background: #e6e6e6; padding: 0 30px 30px; margin-bottom: 60px;} .gform_wrapper h3.gform_title { letter-spacing: normal!important; margin: 0; font-size: 35px !important; font-family: 'GTPressuraMono-Light' !important; font-weight: 400 !important; line-height: 35px !important;} .gform_wrapper h3.gform_title { letter-spacing: normal!important; margin: 0 !important; padding: 20px 0 10px;} .gform_wrapper label.gfield_label, .gform_wrapper legend.gfield_label { font-weight: 400 !important; font-size: 25px !important; color: #001965;} .gform_wrapper .field_sublabel_below .ginput_complex.ginput_container label, .gform_wrapper .field_sublabel_below div[class*=gfield_time_].ginput_container label { color: #f8013d; margin: 2px 0 5px 0px !important;} .gform_wrapper input[type='text'], .gform_wrapper input[type='email'], .gform_wrapper input[type='tel'], .gform_wrapper input[type='date'], textarea { border: 5px solid #001965; height: 50px;} .gform_wrapper input[type='submit'], .gform_wrapper input[type=button], .gform_wrapper input[type=reset] { background: #001965;} .gform_wrapper input[type='submit']:hover, .gform_wrapper input[type=button]:hover, .gform_wrapper input[type=reset]:hover { background: #F8013D;} #gform_fields_3 input { width: 100%; height: 40px; color: #001965; border: 0;} .gform_wrapper .gform_heading { margin-bottom: 0;} input#gform_submit_button_3 { padding: 9px 20px !important; width: auto !important; text-transform: capitalize; background: #f8013d; line-height: 0;} input#gform_submit_button_3:hover { background: #001965;} #gform_fields_3 span.gfield_required { color: #001965 !important;} .cookie-notice-container { float: left;} #cookie-notice #cn-more-info { color: #f8013d; font-weight: 600;} #cookie-notice #cn-more-info:hover { color: #fff !important; font-weight: 600;} #cn-notice-text { float: left; width: 90%; text-align: left; margin-bottom: 0;} #cn-notice-buttons { margin-top: 7px;} .cn-button { font-family: 'GTPressuraMono-Light' !important;} li.tooltip:hover::marker { color: #f8013d;} ul.tooltiplinks { padding: 0;} .tooltiplinks li.tooltip { list-style: none; padding-left: 0;} .tooltiplinks li.tooltip { color: #626262;} .tooltiplinks li.tooltip:after { content: ">"; color: #626262; position: relative; left: -5px; transition: all 0.5s; transition: 1s all cubic-bezier(0.075, 0.82, 0.165, 1); z-index: 99999; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; cursor: pointer;} .tooltiplinks li.tooltip:hover:after { color: #0169F8; left: 5px;} .tooltiplinks li.tooltip:hover { color: #f8013d;} .tooltiplinks li.tooltip span { cursor: pointer;} .tooltipster-sidetip .tooltipster-box { padding: 15px;} .tooltipster-sidetip .tooltipster-box p { font-size: 16px; line-height: 22px;} .tooltipTitle { font-size: 20px; line-height: 27px; display: block; margin-bottom: 15px;} .home section.featuredSection { margin: 100px 0 25px;} .home .featuredSection h5.section-title { margin-bottom: 30px;} .eventnewlyadded h5.section-title { margin-bottom: 30px;} .eventnewlyadded .hvr-curl-bottom-right { padding: 0 !important; height: 100%;} .eventnewlyadded .imageHolder { margin: 0 !important;} .eventnewlyadded .container_1400 { padding: 0 0; margin: 0 -15px;} .eventnewlyadded .flexWrap { margin: 0 0 0px !important;} .eventnewlyadded .col-4 { padding: 0 15px; position: relative;} /* .eventnewlyadded .col-4:before { content: ""; position: absolute; height: 100%; width: calc(100% - 30px); background: #0169f8;} */ .eventnewlyadded .col-4 div { margin: 0 !important; width: 100%;} .eventnewlyadded .col-4 div.innerwrp_box { height: 100% !important;} .eventnewlyadded .dataOnImage { position: relative; height: 100%;} .eventnewlyadded .box::before { padding-top: 60%;} .eventnewlyadded .dataOnImage > .equal-height { color: #fff; margin-bottom: 0px !important; position: relative;} .eventnewlyadded .dataOnImage > .equal-height1 { color: #fff; margin-bottom: 10px !important;} .eventnewlyadded .col-4 div p { display: inline-block !important; padding-bottom: 0; flex: 0 !important; padding-right: 35px;} .eventnewlyadded span { position: relative; bottom: 0; display: inline; font-size: 20px;} .eventnewlyadded .col-4 a { cursor: pointer !important; width: 100%; } .eventnewlyadded .dataOnImage { min-height: auto !important;} /* .eventnewlyadded .dataOnImage { min-height: 100%; height: 100%;} */ .featuredSection .hvr-curl-bottom-right:before { background: linear-gradient(315deg, white 50%, #F8013D 52%, #F8013D 100%, #F8013D 100%) !important; transition: 0.3s all cubic-bezier(0.075, 0.82, 0.165,0.7);} .featuredSection .hvr-curl-bottom-right:hover:before { background: linear-gradient(315deg, white 45%, #F8013D 50%, #F8013D 56%, #f8013da6 92%) !important} .Bodfeatured_details .featured_detailsTop { border-top: 5px solid #001965; padding: 40px 0 0;} .Bodfeatured_details .box::before { padding-top: 75%;} .Bodfeatured_details .featured_detailsTop .redborder { border: 5px solid #f8013d; padding: 40px 30px 30px;} .SingleBodfeatured .pageTitle { padding-bottom: 20px;} .Bodfeatured_details .box { margin-right: 25px;} .featured_detailsTop .eventtitle { margin-bottom: 35px; font-size: 30px; color: #001965;} .BOd_eventdescription { color: #626262;} .venueTimeDate { color: #001965; margin-bottom: 35px; } .Bodfeatured_details .venueTimeDate br:first-child { display: none;} .fluidVideo { padding-bottom: 56.1%; position: relative; width: 100%; margin-bottom: 20px; } .fluidVideo iframe { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1; } .nice-select:after { height: 35px !important; width: 60px !important;} /* single-campaign New Design Start */ .templateSafContent { margin-bottom: 50px;} .templateSaf .box::before { padding-top: 40%; } .templateSaf .banner-caption { top: 20%;} /* .templateSaf .banner-caption h3 { color: #fff;} */ .templateSafDiv .col-8 { width: 60%;} .templateSafDiv .col-4 { width: 40%;} .templateSafContent .subcontent { margin: 70px 0;} .safgreyText { color: #626262;} .templateSafDiv .safgreyText { padding: 0 100px 0 0;} .safgreyText span { color: #001965; font-weight: 400; font-size: 22px;} .signform.campsf { background: #E6E6E6; padding: 20px; float: left; width: 100%;} form#saf-signpetition-form--2 { float: left;} #sign-the-petition input.form-text { width: 100%; border: 0; margin-bottom: 20px; height: 40px; color: #001965;} #sign-the-petition .current-campaign { font-weight: 400; float: left; vertical-align: middle; font-size: 35px; line-height: 36px;} #sign-the-petition .form-item > label { margin-top: 5px; margin-bottom: 5px; font-weight: 400; font-size: 22px; display: block; line-height: 25px;} #sign-the-petition .bar-fill { background-color: #f8013d !important;} #sign-the-petition input#edit-submit--3 { background: #f8013d !important; } #sign-the-petition input#edit-submit--3:first-letter { text-transform: uppercase !important;} #sign-the-petition .radio-button-field { display: inline-block; border: 0; border-radius: 0; background-color: transparent; width: 100px; padding: 7px 0px; text-transform: capitalize; margin-bottom: 15px; margin-top: -5px;} #sign-the-petition input[type="radio" i] { display: inline-block; vertical-align: middle; position: relative; top: 6px; opacity: 1; box-sizing: border-box; background: white; width: 35px !important; height: 35px; -webkit-appearance: none !important; -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; box-sizing: border-box !important; -webkit-appearance: none !important; -moz-appearance: none !important; -ms-appearance: none !important; appearance: none !important;} #sign-the-petition .radio-button-field > label { vertical-align: middle; height: 18px; font-size: 22px; line-height: 30px;} #sign-the-petition .note { margin-top: 5px; margin-bottom: 5px; font-weight: 400; font-size: 22px; display: block;} #sign-the-petition input[type='submit'] { padding: 12px 20px; margin-bottom: 15px !important; width: auto;} #sign-the-petition input.form-text::-webkit-input-placeholder { color: transparent;} #sign-the-petition input.form-text:-moz-placeholder { color: transparent;} #sign-the-petition input.form-text::-moz-placeholder { color: transparent;} #sign-the-petition input.form-text:-ms-input-placeholder { color: transparent;} #sign-the-petition .baroutline { background-color: #ffffff !important; margin: 20px 0 30px 0 !important; float: left; width: 100%;} .signform.campsf + p { background: #E6E6E6; padding: 0 20px 20px 20px; float: left; width: 100%; clear: both;} .signform.campsf .goal { font-size: 25px; float: left; vertical-align: middle; line-height: 36px;} .page-template-template-campaigns-php form#saf-signpetition-form--2 { line-height: 25px !important;} .page-template-template-campaigns-php .signform.campsf + p { font-size: 30px;line-height: 40px;} /* single-campaign New Design End */ /* Animation_Start */ .fade-in { opacity: 1; animation-name: fadeInOpacity; animation-iteration-count: 1; animation-timing-function: ease-in; animation-duration: 1s;} .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; -webkit-animation: fadeOut 0.7s linear forwards; animation: fadeOut 0.7s linear forwards;} @keyframes fadeInOpacity { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes fadeOut { 0% {opacity: 1;} 70% {opacity: 1;} 90% {opacity: 1;-webkit-transform: translateY(0px);} 100% {opacity: 0;-webkit-transform: translateY(-30px);} } @keyframes fadeEffect { from { opacity: 0; margin-left: 30px; } to { opacity: 1; margin-left: 0; } } /* Animation_End */ _:-ms-fullscreen, :root .overFilter { opacity: 0.3;} _:-ms-fullscreen, :root #cookie-notice { font-family: 'GTPressuraMono-Light' !important; background-color: #001965 !important;} html[xmlns*=""]:root .overFilter { opacity: 0.3 !important;} *|html[xmlns*=""] .overFilter { opacity: 0.3 !important; display: none !important;} *|html[xmlns*=""] .redRollover:hover .overFilter { -webkit-opacity: 0.5; /* WebKit browser e.g. Safari */} *|html[xmlns*=""] .blueRollover:hover .overFilter { -webkit-opacity: 0.5; /* WebKit browser e.g. Safari */} *|html[xmlns*=""] .skyRollover:hover .overFilter { -webkit-opacity: 0.5; /* WebKit browser e.g. Safari */} .searchResults .navigation .prev-posts { float: right; } .searchResults .navigation .next-posts { float: left; } .bod-default-banner{ max-height: 750px; overflow: hidden; } .bod-default-banner img{ width: 100%; } .page-template-single-issue-area .mainImageSection.singleIssueImg, .single-bod_members .mainImageSection.singlefocusImg, .single-bod_news .newsDetailspage{ padding-bottom: 0; margin-bottom: 0; } .page-template-single-issue-area .newsContentSection.singleIssueArea, .single-bod_members .newsContentSection.singlefocusMember, .single-bod_news .newsContentSection.newsDetailPageContent{ padding-top: 75px; margin-top: 0 !important; position: relative; z-index: 1; } .page-template-single-issue-area .newsContentSection.singleIssueArea .col-8, .single-bod_members .newsContentSection.singlefocusMember .col-8, .single-bod_news .newsContentSection.newsDetailPageContent .flexWrap .col-8{ margin-top: 0; } .single-bod_news .newsContentSection.newsDetailPageContent .flexWrap .col-4, .single-bod_members .newsContentSection.singlefocusMember .flexWrap .col-4, .page-template-single-issue-area .newsContentSection.singleIssueArea .col-4 { z-index: 1; } .single-bod_news .newsContentSection.newsDetailPageContent .flexWrap .col-4 .qouteBox, .page-template-single-issue-area .newsContentSection.singleIssueArea .flexWrap .col-4 .qouteBox, .single-bod_members .newsContentSection.singlefocusMember .flexWrap .col-4 .qouteBox{ margin-top: -250px; } .SinglenewsSection span.newsDate { margin-bottom: 40px; display: block;} .searchResults span.newsDate { margin-bottom: 20px; display: inline-block;}