.tax-product_brand .brand-description{overflow:hidden;zoom:1}.tax-product_brand .brand-description img.brand-thumbnail{width:25%;float:right}.tax-product_brand .brand-description .text{width:72%;float:left}.widget_brand_description img{box-sizing:border-box;width:100%;max-width:none;height:auto;margin:0 0 1em}ul.brand-thumbnails{margin-left:0;margin-bottom:0;clear:both;list-style:none}ul.brand-thumbnails:before{clear:both;content:"";display:table}ul.brand-thumbnails:after{clear:both;content:"";display:table}ul.brand-thumbnails li{float:left;margin:0 3.8% 1em 0;padding:0;position:relative;width:22.05%}ul.brand-thumbnails.fluid-columns li{width:auto}ul.brand-thumbnails:not(.fluid-columns) li.first{clear:both}ul.brand-thumbnails:not(.fluid-columns) li.last{margin-right:0}ul.brand-thumbnails.columns-1 li{width:100%;margin-right:0}ul.brand-thumbnails.columns-2 li{width:48%}ul.brand-thumbnails.columns-3 li{width:30.75%}ul.brand-thumbnails.columns-5 li{width:16.95%}ul.brand-thumbnails.columns-6 li{width:13.5%}.brand-thumbnails li img{box-sizing:border-box;width:100%;max-width:none;height:auto;margin:0}@media screen and (max-width:768px){ul.brand-thumbnails:not(.fluid-columns) li{width:48%!important}ul.brand-thumbnails:not(.fluid-columns) li.first{clear:none}ul.brand-thumbnails:not(.fluid-columns) li.last{margin-right:3.8%}ul.brand-thumbnails:not(.fluid-columns) li:nth-of-type(odd){clear:both}ul.brand-thumbnails:not(.fluid-columns) li:nth-of-type(even){margin-right:0}}.brand-thumbnails-description li{text-align:center}.brand-thumbnails-description li .term-thumbnail img{display:inline}.brand-thumbnails-description li .term-description{margin-top:1em;text-align:left}#brands_a_z h3:target{text-decoration:underline}ul.brands_index{list-style:none outside;overflow:hidden;zoom:1}ul.brands_index li{float:left;margin:0 2px 2px 0}ul.brands_index li a,ul.brands_index li span{border:1px solid #ccc;padding:6px;line-height:1em;float:left;text-decoration:none}ul.brands_index li span{border-color:#eee;color:#ddd}ul.brands_index li a:hover{border-width:2px;padding:5px;text-decoration:none}ul.brands_index li a.active{border-width:2px;padding:5px}div#brands_a_z a.top{border:1px solid #ccc;padding:4px;line-height:1em;float:right;text-decoration:none;font-size:.8em}:root {
--colorFicpiPrimary: #0271AE;
--colorFicpiPrimaryLight: #E8F4FE;
--colorFicpiGrey: #F4F4F4;
--colorFicpiPrimaryDark: #133B62;
--colorFicpiSecondary: #000000;
} body {
min-height: 100vh;
display: flex;
flex-direction: column;
background-color: #fff;
font-family: "Open Sans", serif;
}
@media (min-width: 768px) {
body {
background: #133B62;
background: linear-gradient(#0271AE 0%, #133B62 100%);
}
}
article p {
margin-bottom: 25px;
}
b,
strong {
font-weight: 700;
}
footer {
margin-top: auto;
}
.hidden {
display: none !important;
}
a, a:visited, a:hover {
color: #133B62;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
p.has-background {
padding: 0.8em 1.6em;
}
.rounded {
border-radius: 10px !important;
}
.bold {
font-weight: 700 !important;
}
.entry-title {
font-weight: 700;
font-size: 30px;
margin-bottom: 20px;
display: flex;
align-items: center;
}
.entry-title:before {
background-image: url(//uk.ficpi.org/wp-content/themes/ficpi-national/icons/australia_flag_circle.png);
display: inline-block;
width: 30px;
height: 30px;
content: "";
background-repeat: no-repeat;
background-size: cover;
margin-right: 10px;
}
img {
max-width: 100%;
height: auto;
}
@media (min-width: 1200px) {
.container {
max-width: 1120px;
}
}
@media (min-width: 1400px) {
.container {
max-width: 1320px;
}
}
@media (min-width: 1600px) {
.container {
max-width: 1400px;
}
}
h1 {
text-transform: uppercase;
}
h1, h2, h3, h4, h5, h6 {
color: #133B62;
} .wp-block-button__link {
border-radius: 10px;
background-color: #133B62;
}
.wp-block-button__link:hover {
text-decoration: none;
}
.wp-block-button__link:not(.has-text-color) {
color: white;
}
.wp-block-button__link:not(.has-text-color):hover {
color: white;
}
.has-ficpi-light-background-color {
background-color: #0271AE;
}
.has-ficpi-primary-background-color {
background-color: #133B62;
}
.has-white-color {
color: white;
}
.vp-center {
display: flex;
align-items: flex-start;
} .french-translation {
color: var(--wp--preset--color--luminous-vivid-orange) !important;
} .homepage-block .text {
padding: 30px;
} #top-banner h2 {
text-transform: uppercase;
}
#top-banner::before {
content: "";
position: absolute;
width: 100%;
height: 100%;
background-color: #07233d; opacity: 1;
mix-blend-mode: color;
} .uppercase {
text-transform: uppercase;
} .entry-content h2,
.entry-content a {
font-weight: bold;
}
.wp-block-button__link {
font-weight: bold;
background: #0271AE;
}  .wpcf7-form p {
margin-bottom: 10px;
}
.wpcf7-form input[type=text],
.wpcf7-form input[type=number],
.wpcf7-form input[type=email],
.wpcf7-form input[type=tel],
.wpcf7-select,
.wpcf7-textarea {
background-color: #fcfcfc;
border: 1px solid #cccccc;
padding: 10px;
margin-top: 5px;
}
.wpcf7 input[type=submit] {
background-color: var(--wp--preset--color--ficpi-primary);
border-radius: 10px;
margin-top: 10px;
padding: calc(0.667em + 2px) calc(1.333em + 2px);
transition: 200ms;
}
.wpcf7 input[type=submit]:hover {
filter: brightness(0.94);
} .application-form .full-width,
.application-form h4 {
width: 100%;
}
.application-form h4 {
margin-top: 20px;
margin-bottom: 20px;
}
.application-form li {
margin-bottom: 10px;
}
@media only screen and (max-width: 768px) {  .application-form div {
width: 100%;
}
}
#top-banner {
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
}
#top-banner .slide-text {
margin-top: 75px;
}
@media (max-width: 991px) {
#top-banner .slide-text .full-width p:nth-of-type(2) {
display: none;
}
}
@media (max-width: 767px) {
#top-banner .slide-text {
margin-top: 50px;
}
#top-banner .slide-text h2 {
font-size: 20px !important;
}
#top-banner .slide-text .full-width p:first-child {
font-size: 20px !important;
padding: 0.4em 0.8em;
}
}
#top-banner.slick-slider {
height: 40vw;
max-height: 600px;
}
@media (max-width: 1199px) {
#top-banner.slick-slider {
height: 50vw;
}
}
#top-banner.slick-slider .slick-list, #top-banner.slick-slider .slick-list div {
height: 100%;
}
#top-banner.slick-slider .slick-list .full-width, #top-banner.slick-slider .slick-list div .full-width {
display: flex;
flex-direction: column;
}
#top-banner.slick-slider .slick-list p, #top-banner.slick-slider .slick-list div p {
width: fit-content;
}
#top-banner.slick-slider .slick-list .slide-text, #top-banner.slick-slider .slick-list div .slide-text {
margin-top: 100px;
}
@media (max-width: 991px) {
#top-banner.slick-slider .slick-list .slide-text, #top-banner.slick-slider .slick-list div .slide-text {
margin-top: 75px;
}
}
@media (max-width: 575px) {
#top-banner.slick-slider .slick-list .slide-text, #top-banner.slick-slider .slick-list div .slide-text {
margin-top: 65px;
}
}
#top-banner p.has-background {
display: inline-block;
}
#top-banner.slider.banner {
height: 40vw;
max-height: 500px;
display: flex;
align-items: flex-end;
}
@media (max-width: 991px) {
#top-banner.slider.banner {
height: 50vw;
}
}
#top-banner.slider.banner .text-wrapper {
max-width: 48%;
top: -100px !important;
position: relative;
}
@media (max-width: 991px) {
#top-banner.slider.banner .text-wrapper {
top: -65px !important;
max-width: 100%;
}
}
@media (max-width: 575px) {
#top-banner.slider.banner .text-wrapper {
top: -45px !important;
}
}
#top-banner.slider.banner .text-wrapper h2, #top-banner.slider.banner .text-wrapper p {
padding: 0.8em 1.6em;
width: fit-content;
border-radius: 10px;
}
@media (max-width: 767px) {
#top-banner.slider.banner .text-wrapper p {
display: none;
}
}
@media (max-width: 575px) {
#top-banner.slider.banner .text-wrapper h2 {
padding: 0.4em 0.8em;
font-size: 20px !important;
}
}
#header {
background: rgba(255, 255, 255, 0.8);
}
@media (min-width: 992px) {
#header .site-branding {
position: relative;
top: -25px;
}
}
@media (max-width: 991px) {
#header {
background: rgba(255, 255, 255, 0.9);
}
}
#header .main-menu.ms-lg-auto {
align-items: self-end;
display: flex;
flex-direction: row;
align-content: center;
}
@media (min-width: 1200px) {
#header .main-menu.ms-lg-auto {
position: relative;
bottom: -8px;
}
}
#header .main-menu.ms-lg-auto .search {
position: relative;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
@media (max-width: 991px) {
#header .main-menu.ms-lg-auto .search {
position: absolute;
top: -56px;
right: 15px;
height: 32px;
}
}
#header .main-menu.ms-lg-auto #main-nav {
padding-bottom: 0;
height: 100%;
}
@media (max-width: 991px) {
#header .main-menu.ms-lg-auto #main-nav {
width: 100%;
}
}
@media (max-width: 991px) {
#header .main-menu.ms-lg-auto .navbar-toggler {
border: none;
position: absolute;
top: -58px;
right: 45px;
}
#header .main-menu.ms-lg-auto .navbar-toggler span {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgb(2, 113, 174)' stroke-width='3' stroke-linecap='round' stroke-miterlimit='12' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}
}
#header.banner-active {
width: 100%;
position: absolute;
top: 0;
}
body.admin-bar #header.banner-active {
top: 32px;
z-index: 3;
}
#top-bar-menu {
list-style: none;
}
#top-bar-menu li a {
display: inline-block;
font-weight: 400;
line-height: 1.5;
text-align: center;
text-decoration: none;
vertical-align: middle;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
text-transform: uppercase;
background-color: transparent;
border: 1px solid transparent;
padding: 0.375rem 0.75rem;
font-size: 1rem;
border-radius: 0.5rem;
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
color: #fff;
background-color: #0271AE;
border-color: #0271AE;
margin: 0 5px;
border-top-right-radius: 0;
border-top-left-radius: 0;
}
#top-bar-menu li:last-child a {
background-color: #133B62;
border-color: #133B62;
}
@media (min-width: 992px) {
ul#menu-navbar-menu li,
ul#menu-navbar-menu-french li,
ul#menu-navbar-menu-de li,
ul#menu-navbar-menu-fr li,
ul#menu-navbar-menu-en li {
padding: 10px;
}
}
ul#menu-navbar-menu li.current-menu-item,
ul#menu-navbar-menu-french li.current-menu-item,
ul#menu-navbar-menu-de li.current-menu-item,
ul#menu-navbar-menu-fr li.current-menu-item,
ul#menu-navbar-menu-en li.current-menu-item {
border-bottom: #133B62 5px solid;
}
ul#menu-navbar-menu li .nav-link,
ul#menu-navbar-menu-french li .nav-link,
ul#menu-navbar-menu-de li .nav-link,
ul#menu-navbar-menu-fr li .nav-link,
ul#menu-navbar-menu-en li .nav-link {
text-transform: uppercase;
color: #0271AE;
font-size: 16px;
padding: 5px;
margin: 2px;
}
ul#menu-navbar-menu li .nav-link:hover, ul#menu-navbar-menu li .nav-link:focus, ul#menu-navbar-menu li .nav-link:visited,
ul#menu-navbar-menu-french li .nav-link:hover,
ul#menu-navbar-menu-french li .nav-link:focus,
ul#menu-navbar-menu-french li .nav-link:visited,
ul#menu-navbar-menu-de li .nav-link:hover,
ul#menu-navbar-menu-de li .nav-link:focus,
ul#menu-navbar-menu-de li .nav-link:visited,
ul#menu-navbar-menu-fr li .nav-link:hover,
ul#menu-navbar-menu-fr li .nav-link:focus,
ul#menu-navbar-menu-fr li .nav-link:visited,
ul#menu-navbar-menu-en li .nav-link:hover,
ul#menu-navbar-menu-en li .nav-link:focus,
ul#menu-navbar-menu-en li .nav-link:visited {
text-transform: uppercase;
color: #0271AE;
}
ul#menu-navbar-menu li .nav-link.active,
ul#menu-navbar-menu-french li .nav-link.active,
ul#menu-navbar-menu-de li .nav-link.active,
ul#menu-navbar-menu-fr li .nav-link.active,
ul#menu-navbar-menu-en li .nav-link.active {
font-weight: 700;
}
.custom-logo {
width: 250px;
height: auto;
}
@media (max-width: 991px) {
.custom-logo {
width: 180px;
height: auto;
}
}
.widget div.block, .widget div.textwidget {
background: #E8F4FE;
border-radius: 10px;
overflow: hidden;
margin-bottom: 45px;
}
.widget div.block h3, .widget div.textwidget h3 {
width: 100%;
text-transform: uppercase;
border-top-right-radius: 10px;
border-top-left-radius: 10px;
display: block;
background: #133B62;
color: #ffffff;
padding: 15px;
font-weight: 700;
font-size: 20px;
line-height: 27px;
margin-bottom: 0;
}
.widget div.block img, .widget div.textwidget img {
width: 100%;
height: auto;
}
.widget div.block p, .widget div.block strong, .widget div.textwidget p, .widget div.textwidget strong {
font-size: 15px;
padding: 10px 15px;
margin: 0;
display: block;
}
.widget div.block strong, .widget div.textwidget strong {
line-height: 23px;
}
.widget div.block p, .widget div.textwidget p {
line-height: 21px;
}
.widget div.block strong, .widget div.textwidget strong {
color: #133B62;
}
.widget div.block a, .widget div.block a:hover, .widget div.block a:visited, .widget div.textwidget a, .widget div.textwidget a:hover, .widget div.textwidget a:visited {
font-size: 15px;
font-weight: 700;
color: #133B62;
text-decoration: underline;
}
.widget div.block a:before, .widget div.block a:hover:before, .widget div.block a:visited:before, .widget div.textwidget a:before, .widget div.textwidget a:hover:before, .widget div.textwidget a:visited:before {
left: 0px;
position: relative;
content: url(//uk.ficpi.org/wp-content/themes/ficpi-national/icons/arrows.png);
top: 2px;
margin-right: 8px;
}
.widget div.block .link:last-of-type, .widget div.textwidget .link:last-of-type {
margin-bottom: 25px;
}
.widget.widget_text div.textwidget {
border-top-right-radius: 0;
border-top-left-radius: 0;
}
.wpcf7 .wpcf7-form label, .wpcf7 form.woocommerce-checkout label, .woocommerce-checkout .wpcf7-form label, .woocommerce-checkout form.woocommerce-checkout label {
display: block;
font-weight: bold;
}
.wpcf7 .wpcf7-form label span, .wpcf7 form.woocommerce-checkout label span, .woocommerce-checkout .wpcf7-form label span, .woocommerce-checkout form.woocommerce-checkout label span {
display: inline;
font-weight: normal;
}
.wpcf7 .wpcf7-form label input, .wpcf7 .wpcf7-form label textarea, .wpcf7 .wpcf7-form label select, .wpcf7 form.woocommerce-checkout label input, .wpcf7 form.woocommerce-checkout label textarea, .wpcf7 form.woocommerce-checkout label select, .woocommerce-checkout .wpcf7-form label input, .woocommerce-checkout .wpcf7-form label textarea, .woocommerce-checkout .wpcf7-form label select, .woocommerce-checkout form.woocommerce-checkout label input, .woocommerce-checkout form.woocommerce-checkout label textarea, .woocommerce-checkout form.woocommerce-checkout label select {
max-width: 100%;
width: 100%;
}
.wpcf7 .wpcf7-form label p:last-of-type, .wpcf7 form.woocommerce-checkout label p:last-of-type, .woocommerce-checkout .wpcf7-form label p:last-of-type, .woocommerce-checkout form.woocommerce-checkout label p:last-of-type {
padding-bottom: 0;
}
.wpcf7 .wpcf7-form label .wpcf7-spinner, .wpcf7 form.woocommerce-checkout label .wpcf7-spinner, .woocommerce-checkout .wpcf7-form label .wpcf7-spinner, .woocommerce-checkout form.woocommerce-checkout label .wpcf7-spinner {
display: none;
}
.wpcf7 p, .woocommerce-checkout p {
margin-bottom: 10px;
}
.wpcf7 input[type=text],
.wpcf7 input[type=number],
.wpcf7 input[type=email],
.wpcf7 input[type=select],
.wpcf7 input[type=tel],
.wpcf7 .wpcf7-select,
.wpcf7 .wpcf7-textarea, .woocommerce-checkout input[type=text],
.woocommerce-checkout input[type=number],
.woocommerce-checkout input[type=email],
.woocommerce-checkout input[type=select],
.woocommerce-checkout input[type=tel],
.woocommerce-checkout .wpcf7-select,
.woocommerce-checkout .wpcf7-textarea {
background-color: #fcfcfc;
border: 1px solid #cccccc;
padding: 10px;
margin-top: 5px;
}
.wpcf7 input[type=submit], .wpcf7 #place_order, .woocommerce-checkout input[type=submit], .woocommerce-checkout #place_order {
width: 100%;
margin-bottom: 0 !important;
min-height: 40px;
text-transform: uppercase;
font-weight: 700;
color: white;
box-shadow: 0 0 0 0;
border: none;
background-color: #0271AE;
border-radius: 10px;
margin-top: 10px;
padding: calc(0.667em + 2px) calc(1.333em + 2px);
transition: 200ms;
}
.wpcf7 input[type=submit]:hover, .wpcf7 #place_order:hover, .woocommerce-checkout input[type=submit]:hover, .woocommerce-checkout #place_order:hover {
filter: brightness(0.94);
}
.wpcf7 h2, .wpcf7 h3, .woocommerce-checkout h2, .woocommerce-checkout h3 {
width: 100%;
margin-bottom: 0;
text-transform: uppercase;
border-top-right-radius: 10px;
border-top-left-radius: 10px;
display: block;
background: #133B62;
color: #ffffff;
padding: 15px;
font-weight: 700;
font-size: 20px;
line-height: 27px;
}
.application-form {
display: flex;
flex-wrap: wrap;
margin-top: 20px;
}
.application-form div {
width: 50%;
padding: 10px;
}
@media (max-width: 767px) {
.application-form div {
width: 100%;
}
}
.application-form .full-width, .application-form h4 {
width: 100%;
}
.application-form h4 {
margin-top: 20px;
margin-bottom: 20px;
}
.application-form li {
margin-bottom: 10px;
}
#text-2 h2, #text-2 h3 {
width: 100%;
margin-bottom: 0;
text-transform: uppercase;
border-top-right-radius: 10px;
border-top-left-radius: 10px;
display: block;
background: #133B62;
color: #ffffff;
padding: 15px;
font-weight: 700;
font-size: 20px;
line-height: 27px;
}
#secondary section:nth-child(2) div.block h3, #secondary section:nth-child(2) div.textwidget h3 {
background: #0271AE;
}
.gws-card {
margin-bottom: 5px;
}
.gws-card a:not(.has-white-color), .gws-card a:hover:not(.has-white-color), .gws-card a:visited:not(.has-white-color) {
font-weight: 700;
color: #0271AE;
}
.gws-card > .image {
overflow: hidden;
}
@media (min-width: 992px) {
.gws-card > .image img {
height: 100%;
width: auto;
max-width: 550px !important;
display: block;
object-fit: cover;
}
}
.gws-card:first-of-type {
margin-top: 25px;
}
.gws-card:last-of-type {
margin-bottom: 25px;
}
.social-info {
position: fixed;
top: 35vh;
right: 0;
background: white;
z-index: 123;
display: flex;
width: 40px;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
}
.social-info img {
width: 26px;
height: 26px;
padding: 0 !important;
margin: 7px;
}
.ficpi-events article {
margin: 35px 0;
}
.ficpi-events article .text {
padding: 15px;
display: flex;
flex-wrap: wrap;
justify-content: center;
flex-direction: column;
}
.ficpi-events article .text strong {
margin-bottom: 25px;
}
.ficpi-events article .text span {
display: block;
margin-top: 5px;
}
.ficpi-events article .text .link {
margin-top: 5px;
}
.site-main-wrapper {
background: #FFFFFF;
border-radius: 15px;
padding: 20px;
}
@media (min-width: 576px) {
.site-main-wrapper {
padding: 60px;
position: relative;
top: -35px;
margin-bottom: -35px;
}
}
@media (max-width: 767px) {
#footer {
background: #133B62;
background: linear-gradient(#0271AE 0%, #133B62 100%);
}
}
#footer .transparent-logo {
max-width: 250px;
}
#footer .main-footer {
padding-bottom: 25px;
padding-top: 25px;
color: white;
}
@media (max-width: 767px) {
#footer .main-footer .footer-col {
padding-top: 10px;
padding-bottom: 15px;
border-bottom: solid 1px #ffffff;
}
#footer .main-footer .footer-col:last-child {
border-bottom: none;
}
}
#footer .main-footer h3, #footer .main-footer strong, #footer .main-footer p, #footer .main-footer a, #footer .main-footer a:visited, #footer .main-footer a:hover {
color: white;
display: block;
}
#footer .main-footer h3 {
text-transform: uppercase;
font-size: 28px;
font-weight: 700;
margin-bottom: 25px;
margin-top: 13px;
}
#footer .main-footer .site-tag-line {
padding: 10px 0px;
line-height: 23px;
margin-top: 10px;
margin-bottom: 5px;
}
#footer .main-footer .contact-info a, #footer .main-footer .contact-info strong {
margin-bottom: 5px;
}
#footer .main-footer .contact-info a {
text-decoration: underline;
}
#footer .site-info {
background: #FFFFFF;
padding: 25px 0;
}
#footer .site-info a, #footer .site-info a:visited, #footer .site-info a:hover {
color: #0271AE;
font-weight: bold;
}
#footer #footer-middle, #footer #footer-right, #footer #footer-left {
padding-left: 0;
list-style: none;
}
#footer #footer-middle > li, #footer #footer-right > li, #footer #footer-left > li {
width: 100%;
}
#footer #footer-middle li a, #footer #footer-right li a {
text-decoration: none;
line-height: 30px;
}
#footer #footer-left {
list-style: initial;
width: 80%;
}
#footer #footer-left > li {
font-size: 14px;
line-height: 23px;
width: auto;
margin-left: 25px;
}
#footer #footer-left > li:first-of-type {
margin-left: 15px;
}
#footer #footer-left > li a {
text-decoration: underline;
}
aside.sidebar-2 {
position: relative;
}
@media (min-width: 992px) {
aside.sidebar-2 {
top: -117px;
}
}