/*--------------------------------------------------
[One Page Business]
----------------------------------------------------*/
/*
font-family: museo-slab, serif;
font-style: normal;
font-weight: 100;
font-family: museo-sans, sans-serif;
font-style: normal;
font-weight: 100;
*/
p {
color: #3a3a44;
line-height: 1.6;
}
a {
font-weight: 300;
color: #4fd2c2;
}
a:focus, a:hover, a:active {
color: #4fd2c2;
}
h1 > a:hover, h2 > a:hover, h3 > a:hover, h4 > a:hover, h5 > a:hover, h6 > a:hover {
color: #4fd2c2;
}
/* Read More */
.op-b-read-more {
position: relative;
font-size: 16px;
font-style: italic;
font-weight: 400;
font-family: Lora, serif;
padding-bottom: 2px;
color: #34343c;
}
.op-b-read-more:before {
position: absolute;
left: 0;
bottom: 0;
width: 0;
height: 1px;
background: #34343c;
content: " ";
transition-duration: 200ms;
transition-property: all;
transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}
.op-b-read-more:hover, .op-b-read-more:focus {
text-decoration: none;
}
.op-b-read-more:hover {
color: #4fd2c2;
}
.op-b-read-more:hover:before {
width: 100%;
height: 1px;
background: #4fd2c2;
transition-duration: 200ms;
transition-property: all;
transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}
/* Read More White */
.op-b-read-more.op-b-read-more-white {
color: #fff;
}
.op-b-read-more.op-b-read-more-white:before {
background: #fff;
}
/*------------------------------------------------------------------
[Blog One Page Business]
------------------------------------------------------------------*/
.op-b-blog {
padding: 50px 40px;
}
.op-b-blog .op-b-blog-title {
font-size: 26px;
margin-bottom: 30px;
font-style: italic;
font-weight: 400;
line-height: 1.2;
}
.op-b-blog .op-b-blog-title-link:hover {
/*color: inherit;*/
}
/*------------------------------------------------------------------
[Title One Page Business v1]
------------------------------------------------------------------*/
.op-b-heading-v1 .op-b-heading-v1-title {
font-size: 50px;
}
.op-b-heading-v1 .op-b-heading-v1-text {
font-size: 18px;
}
/* White Version */
.op-b-heading-v1.op-b-heading-v1-white .op-b-heading-v1-title,
.op-b-heading-v1.op-b-heading-v1-white .op-b-heading-v1-text {
color: #fff;
}
.op-b-heading-v1.op-b-heading-v1-white .op-b-heading-v1-text {
opacity: .8;
}
/* Media Queries below 768px */
@media (max-width: 768px) {
.op-b-heading-v1 .op-b-heading-v1-title {
font-size: 36px;
}
.op-b-heading-v1 .op-b-heading-v1-text {
font-size: 18px;
}
}
/*------------------------------------------------------------------
[Heading One Page Business v2]
------------------------------------------------------------------*/
.op-b-heading-v2 .op-b-heading-v2-subtitle {
font-size: 22px;
margin-bottom: 10px;
}
.op-b-heading-v2 .op-b-heading-v2-title {
font-size: 36px;
}
/* White Version */
.op-b-heading-v2.op-b-heading-v2-white .op-b-heading-v2-title,
.op-b-heading-v2.op-b-heading-v2-white .op-b-heading-v2-text {
color: #fff;
}
/* Media Queries below 480px */
@media (max-width: 480px) {
.op-b-heading-v2 .op-b-heading-v2-title {
font-size: 30px;
}
}
/*--------------------------------------------------
[Banner Image One Page Business v2]
----------------------------------------------------*/
.op-b-banner-img-v1 {
position: relative;
z-index: 1;
background: url(../../assets/img/1920x1080/06.jpg) no-repeat;
background-size: cover;
background-position: center center;
}
.op-b-banner-img-v1:before {
position: absolute;
top: 0;
left: 0;
z-index: -1;
width: 100%;
height: 100%;
background: rgba(52, 52, 60, 0.9);
content: " ";
}
/*--------------------------------------------------
[Banner Image One Page Business v2]
----------------------------------------------------*/
.op-b-banner-img-v2 {
position: relative;
z-index: 1;
background: url(../../assets/img/1920x1080/05.jpg) no-repeat;
background-size: cover;
background-position: center center;
}
.op-b-banner-img-v2:before {
position: absolute;
top: 0;
left: 0;
z-index: -1;
width: 100%;
height: 100%;
background: rgba(52, 52, 60, 0.2);
content: " ";
}
/*--------------------------------------------------
[Banner Image One Page Business v2]
----------------------------------------------------*/
.op-b-banner-img-v3 {
position: relative;
z-index: 1;
background: url(../../assets/img/1920x1080/07.jpg) no-repeat;
background-size: cover;
background-position: center center;
}
.op-b-banner-img-v3:before {
position: absolute;
top: 0;
left: 0;
z-index: -1;
width: 100%;
height: 100%;
background: rgba(52, 52, 60, 0.95);
content: " ";
}
/*--------------------------------------------------
[Counters One Page Business]
----------------------------------------------------*/
.op-b-counters {
text-align: center;
margin-bottom: 50px;
padding-top: 80px;
padding-bottom: 80px;
}
.op-b-counters .op-b-counters-no,
.op-b-counters .op-b-counters-title {
color: #ffffff;
}
.op-b-counters .op-b-counters-icon,
.op-b-counters .op-b-counters-icon-overlay {
color: rgba(255,255,255,0.5);
}
.op-b-counters .op-b-counters-icon {
display: block;
font-size: 36px;
margin-bottom: 20px;
}
.op-b-counters .op-b-counters-icon {
font-size: 50px;
}
.op-b-counters .op-b-counters-icon-overlay {
position: relative;
top: 35px;
right: 40px;
font-size: 50px;
margin-top: -80px;
}
.op-b-counters .op-b-counters-no {
font-size: 50px;
font-weight: 500;
margin-bottom: 10px;
position: relative;
}
.op-b-counters .op-b-counters-title {
font-size: 24px;
margin-bottom: 0;
}
/*--------------------------------------------------
[One Page Business Pricing v1]
----------------------------------------------------*/
.op-b-pricing-v1 {
position: relative;
text-align: center;
overflow: hidden;
padding: 50px;
}
.op-b-pricing-v1.op-b-pricing-v1-bg-one {
background: #c6e5d9;
}
.op-b-pricing-v1.op-b-pricing-v1-bg-two {
background: #a5dff9;
}
.op-b-pricing-v1.op-b-pricing-v1-active {
z-index: 1;
-webkit-transform: scale(1.03, 1.1);
-moz-transform: scale(1.03, 1.1);
transform: scale(1.03, 1.1);
}
.op-b-pricing-v1 .op-b-pricing-v1-title {
font-size: 36px;
color: #fff;
}
.op-b-pricing-v1 .op-b-pricing-v1-subtitle {
position: absolute;
width: 90px;
top: 0;
left: -45px;
margin-top: 45px;
font-size: 18px;
font-style: italic;
font-weight: 400;
/*font-family: Lora, serif;*/
color: #34343c;
/*background: #fff;*/
padding: 5px 20px;
border-top-left-radius: 50px;
border-bottom-left-radius: 50px;
-webkit-transform: rotate(270deg);
-moz-transform: rotate(270deg);
transform: rotate(270deg);
-webkit-transform-origin: 50% 0%;
-moz-transform-origin: 50% 0%;
transform-origin: 50% 0%;
}
.op-b-pricing-v1 .op-b-pricing-v1-price,
.op-b-pricing-v1 .op-b-pricing-v1-subprice {
font-style: italic;
font-weight: 700;
/*font-family: Lora, serif;*/
color: #fff;
line-height: 1;
}
.op-b-pricing-v1 .op-b-pricing-v1-price {
font-size: 150px;
letter-spacing: -5px;
}
.op-b-pricing-v1 .op-b-pricing-v1-price-sign {
font-size: 26px;
display: inline-block;
color: #fff;
vertical-align: top;
}
.op-b-pricing-v1 .op-b-pricing-v1-subprice {
font-size: 40px;
}
/*--------------------------------------------------
[Promo Block One Page Business v1]
----------------------------------------------------*/
.op-b-promo-b-v1 {
position: relative;
z-index: 1;
background: url(../../assets/img/1920x1080/08.jpg) no-repeat;
background-size: cover;
background-position: center center;
}
.op-b-promo-b-v1:before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
background: rgba(52, 52, 60, 0.95);
content: " ";
}
.op-b-promo-b-v1 .op-b-promo-b-title {
font-size: 22px;
color: #fff;
margin-bottom: 0;
}
.op-b-promo-b-v1 .op-b-promo-b-title-p-l {
padding-left: 40px;
}
.op-b-promo-b-v1 .op-b-promo-b-title-p-r {
padding-right: 40px;
}
/*--------------------------------------------------
[Promo Block One Page Business v2]
----------------------------------------------------*/
.op-b-promo-b-v2 {
background: #eef4f4;
padding-top: 150px;
}
.op-b-promo-b-v2 .op-b-promo-b-v2-title {
font-size: 50px;
}
.op-b-promo-b-v2 .op-b-promo-b-v2-text {
font-size: 18px;
opacity: .8;
}
.op-b-promo-b-v2 .op-b-promo-b-relative {
position: relative;
height: 300px;
}
.op-b-promo-b-v2 .op-b-promo-b-v2-overlay {
position: absolute;
bottom: -50px;
}
/* Media Queries below 768px */
@media (max-width: 768px) {
.op-b-promo-b-v2 {
padding-top: 50px;
}
.op-b-promo-b-v2 .op-b-promo-b-relative {
height: 100%;
}
.op-b-promo-b-v2 .op-b-promo-b-v2-overlay {
position: relative;
}
}
/* Media Queries below 480px */
@media (max-width: 480px) {
.op-b-promo-b-v2 .op-b-promo-b-v2-title {
font-size: 36px;
}
}
/*--------------------------------------------------
[Promo Block One Page Business v3]
----------------------------------------------------*/
.op-b-promo-b-v3 {
background: url(../../assets/img/1920x1080/10.jpg) no-repeat;
background-size: cover;
background-position: center center;
}
.op-b-promo-b-v3 .op-b-promo-b-v3-title {
font-size: 100px;
font-style: inherit;
font-weight: 700;
font-family: Droid Serif, serif;
color: #34343c;
-webkit-text-fill-color: transparent;
background: -webkit-linear-gradient(transparent, transparent), url(../../assets/img/widgets/background-clip-text.jpg) repeat;
background: -o-linear-gradient(transparent, transparent);
-webkit-background-clip: text;
}
.op-b-promo-b-v3 svg {
width: 670px;
height: 100%;
}
/* Media Queries below 768px */
@media (max-width: 768px) {
.op-b-promo-b-v3 .op-b-promo-b-v3-title {
font-size: 60px;
}
.op-b-promo-b-v3 svg {
width: 405px;
height: 100%;
}
}
/* Media Queries below 480px */
@media (max-width: 480px) {
.op-b-promo-b-v3 .op-b-promo-b-v3-title {
font-size: 40px;
}
.op-b-promo-b-v3 svg {
width: 270px;
height: 100%;
}
}
/*--------------------------------------------------
[Promo Block One Page Business v4]
----------------------------------------------------*/
.op-b-promo-b-v4 {
position: relative;
background: url(../../assets/img/1920x1080/11.jpg) no-repeat;
background-size: cover;
background-position: center center;
}
.op-b-promo-b-v4 .op-b-promo-b-v4-title {
font-size: 80px;
color: #fff;
line-height: 1;
margin-bottom: 5px;
}
.op-b-promo-b-v4 .op-b-promo-b-v4-text {
font-size: 24px;
color: #fff;
opacity: .8;
text-transform: uppercase;
letter-spacing: 3px;
}
.op-b-promo-b-v4 .op-b-promo-b-v4-icon {
position: relative;
top: 4px;
font-size: 24px;
display: inline-block;
width: 50px;
height: 50px;
border: 1px solid #fff;
color: #fff;
text-align: center;
padding: 13px;
text-decoration: none;
}
.op-b-promo-b-v4 .op-b-promo-b-v4-icon:hover {
color: #34343c;
background: #fff;
}
.op-b-promo-b-v4 .op-b-promo-b-v4-no {
position: relative;
font-size: 150px;
font-weight: 700;
color: #4fd2c2;
line-height: 1;
letter-spacing: 5px;
margin-bottom: 0;
}
.op-b-promo-b-v4 .op-b-promo-b-v4-day {
position: absolute;
top: 17px;
font-size: 20px;
font-weight: 400;
color: #fff;
letter-spacing: 0;
}
.op-b-promo-b-v4 .op-b-promo-b-v4-mon {
font-size: 70px;
color: #fff;
line-height: 1;
}
.op-b-promo-b-v4 .op-b-promo-b-v4-time {
display: block;
font-size: 18px;
font-weight: 300;
color: #fff;
opacity: .8;
}
.op-b-promo-b-v4 .op-b-promo-b-v4-share {
position: absolute;
left: 50%;
bottom: 20px;
-webkit-transform: translate3d(-50%, 0, 0);
-moz-transform: translate3d(-50%, 0, 0);
transform: translate3d(-50%, 0, 0);
}
/* Media Queries below 768px */
@media (max-width: 768px) {
.op-b-promo-b-v4 .op-b-promo-b-v4-title {
font-size: 50px;
}
.op-b-promo-b-v4 .op-b-promo-b-v4-text {
font-size: 20px;
}
.op-b-promo-b-v4 .op-b-promo-b-v4-no {
font-size: 100px;
}
.op-b-promo-b-v4 .op-b-promo-b-v4-mon {
font-size: 50px;
}
}
/* Media Queries below 480px */
@media (max-width: 480px) {
.op-b-promo-b-v4 .op-b-promo-b-v4-title {
font-size: 45px;
}
.op-b-promo-b-v4 .op-b-promo-b-v4-no {
font-size: 70px;
}
.op-b-promo-b-v4 .op-b-promo-b-v4-mon {
font-size: 45px;
}
}
/*--------------------------------------------------
[Promo Block One Page Business v5]
----------------------------------------------------*/
.op-b-promo-b-v5 {
position: relative;
background: #fff;
padding: 120px 0;
background-color: rgba(218, 218, 218, 0.9);
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(218, 218, 218, 0.9)), to(white));
background-image: -webkit-linear-gradient(top, rgba(218, 218, 218, 0.9), white);
background-image: -moz-linear-gradient(top, rgba(218, 218, 218, 0.9), white);
background-image: -ms-linear-gradient(top, rgba(218, 218, 218, 0.9), white);
background-image: -o-linear-gradient(top, rgba(218, 218, 218, 0.9), white);
background-image: linear-gradient(top, rgba(218, 218, 218, 0.9), white);
}
.op-b-promo-b-v5 .op-b-promo-b-v5-title {
font-size: 70px;
}
.op-b-promo-b-v5 .op-b-promo-b-v5-text {
font-size: 18px;
}
.op-b-promo-b-v5 .op-b-promo-b-v5-img-wrap {
height: 370px;
}
.op-b-promo-b-v5 .op-b-promo-b-v5-img-one {
position: absolute;
top: 0;
left: 0;
}
.op-b-promo-b-v5 .op-b-promo-b-v5-img-two {
position: absolute;
top: 0;
left: 0;
}
/* Media Queries below 992px */
@media (max-width: 992px) {
/* Image Wrap */
.op-b-promo-b-v5 {
padding: 50px 0;
}
.op-b-promo-b-v5 .op-b-promo-b-v5-img-wrap {
height: 100%;
}
.op-b-promo-b-v5 .op-b-promo-b-v5-img-one {
position: inherit;
}
}
/* Media Queries below 480px */
@media (max-width: 480px) {
.op-b-promo-b-v5 .op-b-promo-b-v5-title {
font-size: 50px;
}
}
/*--------------------------------------------------
[Promo Block One Page Business v6]
----------------------------------------------------*/
.op-b-promo-b-v6 {
position: relative;
z-index: 1;
background: url(../../assets/img/1920x1080/12.jpg) no-repeat;
background-size: cover;
background-position: center center;
box-shadow: 0 10px 20px 0 #e9e9ec;
padding: 100px 50px 50px;
}
.op-b-promo-b-v6:before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
background: rgba(255, 255, 255, 0.5);
content: " ";
}
.op-b-promo-b-v6 .op-b-promo-b-v6-title {
font-size: 70px;
font-weight: 700;
color: #fff;
margin-bottom: 30px;
}
.op-b-promo-b-v6 .op-b-promo-b-v6-media {
position: relative;
max-width: 400px;
box-shadow: 0 10px 20px 0 #9797a5;
}
.op-b-promo-b-v6 .op-b-promo-b-v6-media-wrap {
text-align: center;
position: absolute;
top: 50%;
left: 0;
right: 0;
-webkit-transform: translate3d(0, -50%, 0);
-moz-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0);
}
.op-b-promo-b-v6 .op-b-promo-b-v6-media-player {
font-size: 24px;
display: inline-block;
width: 50px;
height: 50px;
color: #34343c;
background: #fff;
text-align: center;
padding: 13px;
text-decoration: none;
transition-duration: 200ms;
transition-property: all;
transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}
.op-b-promo-b-v6 .op-b-promo-b-v6-media-player:hover {
color: #fff;
background: #4fd2c2;
transition-duration: 200ms;
transition-property: all;
transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}
.op-b-promo-b-v6 .op-b-promo-b-v6-bottom {
position: absolute;
left: 30px;
bottom: 30px;
}
/*--------------------------------------------------
[Promo Block One Page Business v7]
----------------------------------------------------*/
.op-b-promo-b-v7 {
position: relative;
z-index: 1;
background: url(../../assets/img/1920x1080/13.jpg) no-repeat;
background-size: cover;
background-position: center center;
padding: 130px 0 70px;
}
.op-b-promo-b-v7:before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
background: rgba(109, 129, 156, 0.95);
content: " ";
}
.op-b-promo-b-v7.op-b-promo-b-v7-bg-img-v1 {
background: url(../../assets/img/1920x1080/14.jpg) no-repeat;
background-size: cover;
background-position: center center;
padding: 0;
}
.op-b-promo-b-v7.op-b-promo-b-v7-bg-img-v1:before {
background: rgba(52, 52, 60, 0.6);
}
.op-b-promo-b-v7.op-b-promo-b-v7-bg-img-v2 {
background: url(../../assets/img/1920x1080/15.jpg) no-repeat;
background-size: cover;
background-position: center center;
}
.op-b-promo-b-v7.op-b-promo-b-v7-bg-img-v2:before {
background: rgba(52, 52, 60, 0.7);
}
.op-b-promo-b-v7 .op-b-promo-b-v7-title {
font-size: 50px;
color: #fff;
margin-bottom: 30px;
}
.op-b-promo-b-v7 .op-b-promo-b-v7-title-lg {
font-size: 100px;
color: #fff;
margin-bottom: 10px;
}
.op-b-promo-b-v7 .op-b-promo-b-v7-text {
font-size: 18px;
color: #fff;
opacity: .9;
margin-bottom: 0;
}
/* Media Queries below 768px */
@media (max-width: 768px) {
.op-b-promo-b-v7 {
padding: 50px 0;
}
.op-b-promo-b-v7 .op-b-promo-b-v7-title-lg {
font-size: 70px;
}
}
/* Media Queries below 480px */
@media (max-width: 480px) {
.op-b-promo-b-v7 .op-b-promo-b-v7-title-lg {
font-size: 50px;
}
}
/* Media Queries below 992px */
@media (min-width: 992px) {
.op-b-promo-b-v7-login {
position: absolute;
left: 0;
right: 0;
bottom: 20px;
}
}
/*--------------------------------------------------
[Promo Block One Page Business v8]
----------------------------------------------------*/
.op-b-promo-b-v8 {
position: relative;
z-index: 1;
background: url(../../assets/img/1920x1080/13.jpg) no-repeat;
background-size: cover;
background-position: center center;
padding: 130px 0 70px;
}
.op-b-promo-b-v8:before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
background: rgba(109, 129, 156, 0.95);
content: " ";
}
.op-b-promo-b-v8 .op-b-promo-b-v8-title {
font-size: 50px;
color: #fff;
margin-bottom: 30px;
}
/*--------------------------------------------------
[Promo Block One Page Business v9]
----------------------------------------------------*/
.op-b-promo-b-v9 {
background: #eef4f4;
padding-top: 120px;
overflow: hidden;
}
.op-b-promo-b-v9.op-b-promo-b-v9-pt-80 {
padding-top: 80px;
}
.op-b-promo-b-v9 .op-b-promo-b-v9-title {
font-size: 50px;
}
.op-b-promo-b-v9 .op-b-promo-b-v9-subtitle {
display: block;
font-size: 24px;
font-weight: 300;
color: #4fd2c2;
}
.op-b-promo-b-v9 .op-b-promo-b-v9-text {
font-size: 18px;
opacity: .8;
}
.op-b-promo-b-v9 .op-b-promo-b-v9-img-wrap {
height: 470px;
}
.op-b-promo-b-v9 .op-b-promo-b-v9-img-one {
position: absolute;
left: 0;
right: 0;
bottom: 0;
}
.op-b-promo-b-v9 .op-b-promo-b-v9-img-two {
position: absolute;
left: 0;
right: 0;
bottom: -40px;
}
.op-b-promo-b-v9 .op-b-promo-b-v9-img-three {
position: absolute;
left: 0;
right: 0;
bottom: -40px;
}
/* Media Queries below 992px */
@media (max-width: 992px) {
/* Image Wrap */
.op-b-promo-b-v9 {
padding-top: 50px;
}
}
/* Media Queries below 768px */
@media (max-width: 768px) {
/* Image Wrap */
.op-b-promo-b-v9 .op-b-promo-b-v9-img-wrap {
height: 100%;
}
.op-b-promo-b-v9 .op-b-promo-b-v9-img-one,
.op-b-promo-b-v9 .op-b-promo-b-v9-img-two {
position: inherit;
}
}
/*--------------------------------------------------
[Promo Block One Page Business v10]
----------------------------------------------------*/
.op-b-promo-b-v10 {
background: #f7f8fa;
padding-top: 50px;
overflow: hidden;
}
/* Media Queries below 992px */
@media (min-width: 992px) {
.op-b-promo-b-v10 {
position: relative;
min-height: 650px;
max-height: 650px;
padding-top: 120px;
}
.op-b-promo-b-v10 .op-b-promo-b-v10-img-right {
position: absolute;
top: 100px;
left: 45%;
}
.op-b-promo-b-v10 .op-b-promo-b-v10-img {
max-height: 500px;
}
}
/* Media Queries below 992px */
@media (max-width: 992px) {
.op-b-promo-b-v10 .op-b-promo-b-v10-img {
display: block;
max-width: 100%;
height: auto;
}
}
/*--------------------------------------------------
[Promo Block One Page Business v11]
----------------------------------------------------*/
.op-b-promo-b-v11 {
position: relative;
z-index: 1;
background: url(../../assets/img/1920x1080/16.jpg) no-repeat;
background-size: cover;
background-position: center center;
}
.op-b-promo-b-v11:before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
background: rgba(52, 52, 60, 0.5);
content: " ";
}
.op-b-promo-b-v11 .op-b-promo-b-v11-title {
font-size: 50px;
color: #fff;
}
.op-b-promo-b-v11 .op-b-promo-b-v11-text {
font-size: 18px;
color: #fff;
opacity: .8;
}
/* Media Queries below 768px */
@media (max-width: 768px) {
.op-b-promo-b-v11 .op-b-promo-b-v11-title {
font-size: 36px;
}
}
/*--------------------------------------------------
[Promo Block One Page Business v12]
----------------------------------------------------*/
.op-b-promo-b-v12 {
position: relative;
z-index: 1;
background: url(../../assets/img/1920x1080/17.jpg) no-repeat;
background-size: cover;
background-position: center center;
}
.op-b-promo-b-v12:before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
background: rgba(52, 52, 60, 0.5);
content: " ";
}
.op-b-promo-b-v12 .op-b-promo-b-v12-title {
font-size: 50px;
color: #fff;
}
.op-b-promo-b-v12 .op-b-promo-b-v12-text {
font-size: 18px;
color: #fff;
opacity: .9;
}
.op-b-promo-b-v12 .op-b-promo-b-v12-community {
display: block;
text-align: center;
background: rgba(255, 255, 255, 0.4);
padding: 60px 40px;
text-decoration: none;
transition-duration: 200ms;
transition-property: all;
transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}
.op-b-promo-b-v12 .op-b-promo-b-v12-community:hover {
background: rgba(255, 255, 255, 0.5);
transition-duration: 200ms;
transition-property: all;
transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}
.op-b-promo-b-v12 .op-b-promo-b-v12-community-icon {
display: block;
font-size: 50px;
color: #fff;
margin-bottom: 30px;
}
.op-b-promo-b-v12 .op-b-promo-b-v12-community-title {
font-size: 24px;
color: #fff;
margin-bottom: 0;
}
/*--------------------------------------------------
[Promo Block One Page Business v13]
----------------------------------------------------*/
.op-b-promo-b-v13 {
position: relative;
}
.op-b-promo-b-v13 .op-b-promo-b-v13-icon {
font-size: 22px;
display: inline-block;
width: 60px;
height: 60px;
color: #fff;
background: #34343c;
text-align: center;
text-decoration: none;
padding: 20px 24px;
transition-duration: 200ms;
transition-property: all;
transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}
.op-b-promo-b-v13 .op-b-promo-b-v13-icon:hover {
background: #4fd2c2;
transition-duration: 200ms;
transition-property: all;
transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}
.op-b-promo-b-v13 .op-b-promo-b-v13-title-big {
position: absolute;
top: 50%;
left: 50%;
z-index: -1;
font-size: 250px;
font-weight: 700;
color: #bbb;
opacity: .15;
letter-spacing: 5px;
-webkit-transform: translate3d(-50%, -50%, 0);
-moz-transform: translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0);
}
.op-b-promo-b-v13 .op-b-promo-b-v13-title {
font-size: 70px;
color: #4fd2c2;
}
.op-b-promo-b-v13 .op-b-promo-b-v13-text {
font-size: 18px;
color: #34343c;
margin-bottom: 0;
}
/* Media Queries below 992px */
@media (max-width: 992px) {
.op-b-promo-b-v13 .op-b-promo-b-v13-title-big {
font-size: 150px;
}
}
/* Media Queries below 768px */
@media (max-width: 768px) {
.op-b-promo-b-v13 .op-b-promo-b-v13-title-big {
font-size: 100px;
}
}
/* Media Queries below 480px */
@media (max-width: 480px) {
.op-b-promo-b-v13 .op-b-promo-b-v13-title-big {
font-size: 70px;
}
.op-b-promo-b-v13 .op-b-promo-b-v13-title {
font-size: 50px;
}
.op-b-promo-b-v13 .op-b-promo-b-v13-text {
font-size: 18px;
}
}
/*--------------------------------------------------
[Services One Page Business v1]
----------------------------------------------------*/
.op-b-services-v1 {
background: #fff;
padding: 30px;
}
.op-b-services-v1 .op-b-services-v1-media {
border-bottom: 1px solid #f7f8fa;
padding-bottom: 20px;
margin-bottom: 20px;
}
.op-b-services-v1 .op-b-services-v1-title {
font-size: 26px;
}
.op-b-services-v1 .op-b-services-v1-img-wrap {
box-shadow: 0 2px 5px 3px #eff1f8;
}
/* Media Queries below 992px */
@media (max-width: 992px) {
.op-b-services-v1 .op-b-services-v1-img-wrap {
max-width: 200px;
}
}
/*--------------------------------------------------
[Services One Page Business v2]
----------------------------------------------------*/
.op-b-services-v2 {
position: relative;
overflow: hidden;
padding: 30px;
}
.op-b-services-v2 .op-b-services-v2-icon {
position: absolute;
top: 50%;
right: -10px;
font-size: 100px;
opacity: .2;
margin-top: -50px;
}
.op-b-services-v2 .op-b-services-v2-icon,
.op-b-services-v2 .op-b-services-v2-title,
.op-b-services-v2 .op-b-services-v2-text {
color: #fff;
}
.op-b-services-v2 .op-b-services-v2-title {
font-size: 26px;
}
/*--------------------------------------------------
[Team One Page Business]
----------------------------------------------------*/
.op-b-team {
text-align: center;
margin-bottom: 30px;
}
.op-b-team .op-b-team-wrap {
position: relative;
overflow: hidden;
}
.op-b-team .op-b-team-media {
margin-bottom: -1px; /*anim flick fix*/
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
transition-duration: 300ms;
transition-property: all;
transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}
.op-b-team .op-b-team-member {
position: absolute;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: auto;
padding: 20px;
/* background-color: rgba(52, 52, 60, 0);
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(52, 52, 60, 0)), to(#34343c));
background-image: -webkit-linear-gradient(top, rgba(52, 52, 60, 0), #34343c);
background-image: -moz-linear-gradient(top, rgba(52, 52, 60, 0), #34343c);
background-image: -ms-linear-gradient(top, rgba(52, 52, 60, 0), #34343c);
background-image: -o-linear-gradient(top, rgba(52, 52, 60, 0), #34343c);
background-image: linear-gradient(top, rgba(52, 52, 60, 0), #34343c);*/
}
.op-b-team .op-b-team-name {
font-size: 24px;
color: #fff;
margin-bottom: 5px;
}
.op-b-team .op-b-team-position {
font-size: 16px;
font-weight: 300;
color: #fff;
}
.op-b-team .op-b-team-social {
position: absolute;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: auto;
/*background: #34343c;*/
padding: 20px 12px;
margin-bottom: 0;
-webkit-transform: translate3d(0, 74px, 0);
-moz-transform: translate3d(0, 74px, 0);
transform: translate3d(0, 74px, 0);
transition-duration: 300ms;
transition-property: all;
transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}
.op-b-team .op-b-team-social .op-b-team-social-item {
padding: 0 10px;
}
.op-b-team .op-b-team-social .op-b-team-social-link {
font-size: 24px;
text-decoration: none;
color: rgba(255,255,255,0.8);
}
.op-b-team .op-b-team-social .op-b-team-social-link:hover {
color: rgba(255,255,255,1);
}
.op-b-team:hover .op-b-team-media {
-webkit-transform: translate3d(0, -74px, 0);
-moz-transform: translate3d(0, -74px, 0);
transform: translate3d(0, -74px, 0);
transition-duration: 300ms;
transition-property: all;
transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}
.op-b-team:hover .op-b-team-social {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
transition-duration: 300ms;
transition-property: all;
transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}
/*--------------------------------------------------
[Testimonials One Page Business]
----------------------------------------------------*/
.op-b-testimonials {
text-align: center;
}
.op-b-testimonials .op-b-testimonials-star {
display: block;
font-size: 26px;
margin-bottom: 5px;
}
.op-b-testimonials .op-b-testimonials-star-no {
display: block;
font-size: 26px;
font-style: italic;
font-weight: 400;
font-family: Lora, serif;
}
.op-b-testimonials .op-b-testimonials-quote,
.op-b-testimonials .op-b-testimonials-quote p{
font-size: 20px;
font-style: italic;
font-weight: 400;
font-family: Lora, serif;
color: #fff;
margin-bottom: 30px;
}
.op-b-testimonials .op-b-testimonials-author {
font-size: 24px;
margin-bottom: 0;
}
/*--------------------------------------------------
[Footer One Page Business]
----------------------------------------------------*/
.op-b-footer .op-b-footer-logo-img {
width: 100px;
height: auto;
}
.op-b-footer .op-b-footer-list {
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
padding-bottom: 30px;
margin-bottom: 30px;
}
.op-b-footer .op-b-footer-list.op-b-footer-list-last {
border-bottom: none;
padding-bottom: 0;
margin-bottom: 0;
}
.op-b-footer .op-b-footer-list-bottom {
position: absolute;
left: 60px;
bottom: 40px;
}
.op-b-footer .op-b-footer-list-bottom .op-b-footer-list-bottom-text {
font-size: 13px;
color: #fff;
opacity: .5;
margin-bottom: 0;
}
.op-b-footer .op-b-footer-title {
font-size: 36px;
}
.op-b-footer .op-b-footer-subtitle {
font-size: 22px;
color: #fff;
margin-bottom: 10px;
}
.op-b-footer .op-b-footer-list-text,
.op-b-footer .op-b-footer-list-link {
font-size: 16px;
color: #fff;
opacity: .7;
margin-bottom: 0;
}
.op-b-footer .op-b-footer-list-link {
border-bottom: 1px solid #fff;
text-decoration: none;
padding-bottom: 3px;
}
.op-b-footer .op-b-footer-list-link:hover {
opacity: 1;
}
.op-b-footer .op-b-footer-form {
min-height: 48px;
background: #f7f8fa;
border: none;
padding: 6px 20px;
}
.op-b-footer .op-b-footer-form:focus {
box-shadow: 4px 4px 4px 2px #f2f4f9;
}
/*--------------------------------------------------
[Header One Page Business]
----------------------------------------------------*/
.op-b-header {
border-bottom: 1px solid transparent;
transition-duration: 300ms;
transition-property: all;
transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}
/* Header Fixed */
.op-b-header.header-fixed {
position: relative;
}
/* Auto Hiding Navbar */
.op-b-header.auto-hiding-navbar.nav-up {
top: -80px;
}
/* Navbar */
.op-b-header .navbar {
background: rgba(255, 255, 255, 0);
border: none;
border-radius: 0;
margin-bottom: 0;
transition-duration: 300ms;
transition-property: all;
transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}
/* Navbar Toggle */
.op-b-header .navbar-toggle {
width: 20px;
height: 20px;
float: left;
border: none;
padding: 0;
margin: 35px 0;
}
.op-b-header .navbar-toggle .icon-bar {
width: 20px;
height: 1px;
background: #34343c;
}
.op-b-header .navbar-toggle:focus, .op-b-header .navbar-toggle:hover {
background: transparent;
}
.op-b-header .navbar-toggle:hover .icon-bar {
background: #4fd2c2;
}
/* Navbar Actions */
.op-b-header .navbar-actions {
float: right;
}
/* Language */
.op-b-header .nav-language {
line-height: 70px;
margin: 30px 5px;
transition-duration: 300ms;
transition-property: all;
transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}
.op-b-header .nav-language-list {
line-height: 1.4;
border: 1px solid rgba(79, 210, 194, 0.2);
border-radius: 50px;
margin-bottom: 0;
transition-duration: 300ms;
transition-property: all;
transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}
.op-b-header .nav-language-list-item {
padding: 0;
margin-left: -4px;
}
.op-b-header .nav-language-list-item:first-child {
margin-left: 0;
}
.op-b-header .nav-language-list-item:first-child .nav-language-list-link {
border-top-left-radius: 50px;
border-bottom-left-radius: 50px;
}
.op-b-header .nav-language-list-item:last-child .nav-language-list-link {
border-top-right-radius: 50px;
border-bottom-right-radius: 50px;
}
.op-b-header .nav-language-list-link {
font-size: 13px;
font-style: italic;
font-weight: 400;
font-family: Lora, serif;
display: inline-block;
min-width: 30px;
color: #4fd2c2;
text-decoration: none;
background: rgba(79, 210, 194, 0);
padding: 5px 10px;
transition-duration: 300ms;
transition-property: all;
transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}
.op-b-header .nav-language-list-link:hover {
color: #4fd2c2;
background: rgba(79, 210, 194, 0.1);
transition-duration: 300ms;
transition-property: all;
transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}
.op-b-header .nav-language-list-link.active {
color: #fff;
background: rgba(79, 210, 194, 0.4);
}
/* Navbar Logo */
.op-b-header .navbar-logo {
width: 100px;
height: 100px;
float: left;
max-height: 90px;
line-height: 60px;
transition-duration: 300ms;
transition-property: all;
transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}
.op-b-header .navbar-logo .navbar-logo-wrap {
display: inline-block;
padding: 15px 0;
}
.op-b-header .navbar-logo .navbar-logo-wrap:focus, .op-b-header .navbar-logo .navbar-logo-wrap:hover {
text-decoration: none;
}
.op-b-header .navbar-logo .navbar-logo-img {
display: inline-block;
width: 85px;
height: auto;
max-width: 100%;
max-height: 100%;
vertical-align: middle;
transition-duration: 300ms;
transition-property: all;
transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}
.op-b-header .navbar-logo .navbar-logo-img.navbar-logo-img-white {
display: inline-block;
transition-duration: 300ms;
transition-property: all;
transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}
.op-b-header .navbar-logo .navbar-logo-img.navbar-logo-img-dark {
display: none;
transition-duration: 300ms;
transition-property: all;
transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}
/* Nav */
.op-b-header .nav-item {
font-size: 18px;
font-style: italic;
font-weight: 400;
font-family: Lora, serif;
}
.op-b-header .nav-item .nav-item-child {
position: relative;
font-size: 18px;
font-style: italic;
font-weight: 400;
font-family: Lora, serif;
color: #34343c;
background: transparent;
padding: 5px 0;
transition-duration: 300ms;
transition-property: all;
transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}
.op-b-header .nav-item .nav-item-child:before {
position: absolute;
left: 0;
bottom: 0;
width: 0;
height: 1px;
background: #34343c;
content: " ";
transition-duration: 300ms;
transition-property: all;
transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}
.op-b-header .nav-item .nav-item-child:hover, .op-b-header .nav-item .nav-item-child:focus {
color: #4fd2c2;
background: transparent;
transition-duration: 300ms;
transition-property: all;
transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}
.op-b-header .nav-item .nav-item-child:hover:before, .op-b-header .nav-item .nav-item-child:focus:before {
width: 100%;
height: 1px;
background: #4fd2c2;
transition-duration: 300ms;
transition-property: all;
transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}
.op-b-header .nav-item.active .nav-item-child {
color: #4fd2c2;
background: transparent;
transition-duration: 300ms;
transition-property: all;
transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}
.op-b-header .nav-item.active .nav-item-child:before {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 1px;
background: #4fd2c2;
}
.op-b-header .nav-item.active .nav-item-child:hover, .op-b-header .nav-item.active .nav-item-child:focus {
color: #4fd2c2;
background: transparent;
}
/* Media Queries below 991px */
@media (max-width: 991px) {
/* Bootstrap collapse of navigation with a maximum width: 991px
(Change it to any breakpoint you want to be collapsed) */
.op-b-header .navbar-toggle {
display: block;
}
.op-b-header .navbar-collapse {
border-top: 1px solid #f7f8fa;
}
.op-b-header .navbar-collapse.collapse {
display: none !important;
}
.op-b-header .navbar-collapse.collapse.in {
display: block !important;
overflow-y: auto !important;
}
.op-b-header .navbar-nav {
margin: 20px 0;
float: none;
}
.op-b-header .navbar-nav .nav-item {
float: none;
margin: 5px 0;
}
/* Navbar Fixed Top */
.op-b-header.navbar-fixed-top, .op-b-header.navbar-fixed-top-boxed {
position: relative;
}
.op-b-header.navbar-fixed-top .nav-collapse, .op-b-header.navbar-fixed-top-boxed .nav-collapse {
max-height: none;
padding: 0;
margin: 0;
}
/* Navbar */
.op-b-header .navbar {
background: white;
}
/* Menu Container */
.op-b-header .menu-container:before, .op-b-header .menu-container:after {
content: " ";
display: table;
}
.op-b-header .menu-container:after {
clear: both;
}
/* Language */
.op-b-header .nav-language {
line-height: 60px;
}
.op-b-header .nav-language-list {
border-color: rgba(88, 201, 185, 0.5);
}
.op-b-header .nav-language-list-link {
color: #4fd2c2;
}
.op-b-header .nav-language-list-link:hover {
color: #fff;
background: rgba(79, 210, 194, 0.5);
}
.op-b-header .nav-language-list-link.active {
color: #fff;
background: rgba(79, 210, 194, 0.6);
}
/* Navbar Logo */
.op-b-header .navbar-logo {
width: auto;
height: 100%;
display: block;
float: none;
text-align: center;
margin: 0 70px;
}
.op-b-header .navbar-logo .navbar-logo-img.navbar-logo-img-white {
display: none;
transition-duration: 300ms;
transition-property: all;
transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}
.op-b-header .navbar-logo .navbar-logo-img.navbar-logo-img-dark {
display: inline-block;
transition-duration: 300ms;
transition-property: all;
transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}
/* Nav */
.op-b-header .nav-item {
color: #34343c;
}
.op-b-header .nav-item .nav-item-child {
display: inline-block;
color: #34343c;
}
.op-b-header .nav-item .nav-item-child:hover {
color: #4fd2c2;
}
.op-b-header .nav-item.active .nav-item-child {
color: #4fd2c2;
}
.op-b-header .nav-item.active .nav-item-child:before {
background: #4fd2c2;
transition-duration: 300ms;
transition-property: all;
transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}
.op-b-header .nav-item.active .nav-item-child:hover, .op-b-header .nav-item.active .nav-item-child:focus {
color: #4fd2c2;
}
}
/* Media Queries below 767px */
@media (max-width: 767px) {
/* Menu Container */
.op-b-header .menu-container {
padding-left: 15px;
padding-right: 15px;
margin-left: 0;
margin-right: 0;
}
.op-b-header .navbar > .container {
width: auto;
padding-left: 0;
padding-right: 0;
margin-left: 0;
margin-right: 0;
}
.op-b-header .navbar > .container > .nav-collapse {
margin-left: 0;
margin-right: 0;
}
}
/* Media Queries above 992px */
@media (min-width: 992px) {
/* Navbar */
.header-shrink.op-b-header {
border-bottom-color: #f7f8fa;
transition-duration: 300ms;
transition-property: all;
transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}
.header-shrink.op-b-header .navbar {
background: white;
transition-duration: 300ms;
transition-property: all;
transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}
/* Navbar Logo */
.header-shrink {
/* Nav Item */
/* Language */
}
.header-shrink.op-b-header .navbar-logo {
max-height: 70px;
line-height: 35px;
transition-duration: 300ms;
transition-property: all;
transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}
.header-shrink.op-b-header .navbar-logo .navbar-logo-wrap {
padding: 13px 0;
}
.header-shrink.op-b-header .navbar-logo .navbar-logo-img.navbar-logo-img-white {
display: none;
transition-duration: 300ms;
transition-property: all;
transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}
.header-shrink.op-b-header .navbar-logo .navbar-logo-img.navbar-logo-img-dark {
display: inline-block;
transition-duration: 300ms;
transition-property: all;
transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}
.header-shrink.op-b-header .nav-item {
line-height: 60px;
transition-duration: 300ms;
transition-property: all;
transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}
.header-shrink.op-b-header .nav-item .nav-item-child {
color: #34343c;
margin: 20px 15px;
transition-duration: 300ms;
transition-property: all;
transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}
.header-shrink.op-b-header .nav-item .nav-item-child:before {
background: #34343c;
transition-duration: 300ms;
transition-property: all;
transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}
.header-shrink.op-b-header .nav-item .nav-item-child:hover, .header-shrink.op-b-header .nav-item .nav-item-child:focus {
color: #4fd2c2;
}
.header-shrink.op-b-header .nav-item .nav-item-child:hover:before, .header-shrink.op-b-header .nav-item .nav-item-child:focus:before {
background: #4fd2c2;
transition-duration: 300ms;
transition-property: all;
transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}
.header-shrink.op-b-header .nav-item.active .nav-item-child {
color: #4fd2c2;
transition-duration: 300ms;
transition-property: all;
transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}
.header-shrink.op-b-header .nav-item.active .nav-item-child:before {
background: #4fd2c2;
transition-duration: 300ms;
transition-property: all;
transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}
.header-shrink.op-b-header .nav-item.active .nav-item-child:hover, .header-shrink.op-b-header .nav-item.active .nav-item-child:focus {
color: #4fd2c2;
}
.header-shrink.op-b-header .nav-language {
line-height: 35px;
margin-top: 20px;
margin-bottom: 20px;
transition-duration: 300ms;
transition-property: all;
transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}
.header-shrink.op-b-header .nav-language-list {
border-color: rgba(88, 201, 185, 0.5);
transition-duration: 300ms;
transition-property: all;
transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}
.header-shrink.op-b-header .nav-language-list-link {
color: #4fd2c2;
transition-duration: 300ms;
transition-property: all;
transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}
.header-shrink.op-b-header .nav-language-list-link:hover {
color: #fff;
background: rgba(79, 210, 194, 0.5);
}
.header-shrink.op-b-header .nav-language-list-link.active {
color: #fff;
background: rgba(79, 210, 194, 0.6);
}
/* Navbar */
.op-b-header .navbar-nav {
float: right;
}
.op-b-header .nav-item {
line-height: 70px;
transition-duration: 300ms;
transition-property: all;
transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}
.op-b-header .nav-item-child {
margin: 30px 15px;
transition-duration: 300ms;
transition-property: all;
transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}
}
/*--------------------------------------------------
[Header One Page Business White Semi Transparent]
----------------------------------------------------*/
/* Media Queries above 992px */
@media (min-width: 992px) {
/* Navbar */
.op-b-header.op-b-header-white-semi-transprent .navbar {
background: rgba(255, 255, 255, 0.2);
}
/* Language */
.op-b-header.op-b-header-white-semi-transprent .nav-language-list {
border-color: rgba(255, 255, 255, 0.4);
}
.op-b-header.op-b-header-white-semi-transprent .nav-language-list-link {
color: #fff;
}
.op-b-header.op-b-header-white-semi-transprent .nav-language-list-link:hover {
background: rgba(255, 255, 255, 0.1);
}
.op-b-header.op-b-header-white-semi-transprent .nav-language-list-link.active {
color: #fff;
background: rgba(255, 255, 255, 0.3);
}
/* Nav */
.op-b-header.op-b-header-white-semi-transprent .nav-item .nav-item-child {
color: #fff;
}
.op-b-header.op-b-header-white-semi-transprent .nav-item .nav-item-child:before {
background: #fff;
}
.op-b-header.op-b-header-white-semi-transprent .nav-item.active:hover .nav-item-child {
color: #fff;
}
/* Shrink Language */
.header-shrink.op-b-header.op-b-header-white-semi-transprent .nav-language-list {
border-color: rgba(79, 210, 194, 0.4);
}
.header-shrink.op-b-header.op-b-header-white-semi-transprent .nav-language-list-link {
color: #4fd2c2;
}
.header-shrink.op-b-header.op-b-header-white-semi-transprent .nav-language-list-link:hover {
background: rgba(79, 210, 194, 0.1);
}
.header-shrink.op-b-header.op-b-header-white-semi-transprent .nav-language-list-link.active {
color: #fff;
background: rgba(79, 210, 194, 0.3);
}
/* Shrink Nav */
.header-shrink.op-b-header.op-b-header-white-semi-transprent .nav-item .nav-item-child {
color: #34343c;
}
.header-shrink.op-b-header.op-b-header-white-semi-transprent .nav-item .nav-item-child:hover {
color: #4fd2c2;
}
.header-shrink.op-b-header.op-b-header-white-semi-transprent .nav-item .nav-item-child:hover:before {
background: #4fd2c2;
}
.header-shrink.op-b-header.op-b-header-white-semi-transprent .nav-item .nav-item-child:before {
background: #34343c;
}
.header-shrink.op-b-header.op-b-header-white-semi-transprent .nav-item.active .nav-item-child {
color: #4fd2c2;
}
.header-shrink.op-b-header.op-b-header-white-semi-transprent .nav-item.active .nav-item-child:before {
background: #4fd2c2;
}
}
/*--------------------------------------------------
[Header One Page Business Dark Semi Transparent]
----------------------------------------------------*/
/* Language */
.op-b-header.op-b-header-dark-semi-transprent .nav-language-list {
border-color: rgba(255, 255, 255, 0.4);
}
.op-b-header.op-b-header-dark-semi-transprent .nav-language-list-link {
color: #fff;
}
.op-b-header.op-b-header-dark-semi-transprent .nav-language-list-link:hover {
color: #4fd2c2;
background: rgba(255, 255, 255, 0.2);
}
.op-b-header.op-b-header-dark-semi-transprent .nav-language-list-link.active {
color: #4fd2c2;
background: rgba(255, 255, 255, 0.4);
}
/* Media Queries above 992px */
@media (max-width: 992px) {
/* Language */
.op-b-header.op-b-header-dark-semi-transprent .nav-language-list {
border-color: rgba(79, 210, 194, 0.4);
}
.op-b-header.op-b-header-dark-semi-transprent .nav-language-list-link {
color: #4fd2c2;
}
.op-b-header.op-b-header-dark-semi-transprent .nav-language-list-link:hover {
color: #4fd2c2;
background: rgba(255, 255, 255, 0.2);
}
.op-b-header.op-b-header-dark-semi-transprent .nav-language-list-link.active {
color: #fff;
background: rgba(79, 210, 194, 0.4);
}
}
/* Media Queries above 992px */
@media (min-width: 992px) {
/* Navbar */
.op-b-header.op-b-header-dark-semi-transprent .navbar {
background: rgba(52, 52, 60, 0.1);
}
/* Nav */
.op-b-header.op-b-header-dark-semi-transprent .nav-item .nav-item-child {
color: #fff;
}
.op-b-header.op-b-header-dark-semi-transprent .nav-item .nav-item-child:before {
background: #fff;
}
.op-b-header.op-b-header-dark-semi-transprent .nav-item.active .nav-item-child {
color: #4fd2c2;
}
.op-b-header.op-b-header-dark-semi-transprent .nav-item.active .nav-item-child:before {
background: #4fd2c2;
}
/* Shrink Language */
.header-shrink.op-b-header.op-b-header-dark-semi-transprent .nav-language-list {
border-color: rgba(79, 210, 194, 0.4);
}
.header-shrink.op-b-header.op-b-header-dark-semi-transprent .nav-language-list-link {
color: #4fd2c2;
}
.header-shrink.op-b-header.op-b-header-dark-semi-transprent .nav-language-list-link:hover {
background: rgba(255, 255, 255, 0.4);
}
.header-shrink.op-b-header.op-b-header-dark-semi-transprent .nav-language-list-link.active {
color: #fff;
background: rgba(79, 210, 194, 0.4);
}
/* Shrink Language */
.header-shrink.op-b-header.op-b-header-dark-semi-transprent .nav-item .nav-item-child {
color: #34343c;
}
.header-shrink.op-b-header.op-b-header-dark-semi-transprent .nav-item .nav-item-child:hover {
color: #4fd2c2;
}
.header-shrink.op-b-header.op-b-header-dark-semi-transprent .nav-item .nav-item-child:hover:before {
background: #4fd2c2;
}
.header-shrink.op-b-header.op-b-header-dark-semi-transprent .nav-item .nav-item-child:before {
background: #34343c;
}
.header-shrink.op-b-header.op-b-header-dark-semi-transprent .nav-item.active .nav-item-child {
color: #4fd2c2;
}
.header-shrink.op-b-header.op-b-header-dark-semi-transprent .nav-item.active .nav-item-child:before {
background: #4fd2c2;
}
}
/*--------------------------------------------------
[Header One Page Business White]
----------------------------------------------------*/
/* Media Queries above 992px */
@media (min-width: 992px) {
/* Nav */
.op-b-header.op-b-header-white .nav-item .nav-item-child {
color: #fff;
}
.op-b-header.op-b-header-white .nav-item .nav-item-child:before {
background: #fff;
}
.op-b-header.op-b-header-white .nav-item.active .nav-item-child:hover {
color: #fff;
}
/* Language */
.op-b-header.op-b-header-white .nav-language-list {
border-color: rgba(255, 255, 255, 0.4);
}
.op-b-header.op-b-header-white .nav-language-list-link {
color: #fff;
}
.op-b-header.op-b-header-white .nav-language-list-link:hover {
background: rgba(255, 255, 255, 0.1);
}
.op-b-header.op-b-header-white .nav-language-list-link.active {
color: #fff;
background: rgba(255, 255, 255, 0.3);
}
/* Shrink Nav */
.header-shrink.op-b-header.op-b-header-white .nav-item .nav-item-child {
color: #34343c;
}
.header-shrink.op-b-header.op-b-header-white .nav-item .nav-item-child:before {
background: #34343c;
}
.header-shrink.op-b-header.op-b-header-white .nav-item .nav-item-child:hover {
color: #4fd2c2;
}
.header-shrink.op-b-header.op-b-header-white .nav-item .nav-item-child:hover:before {
background: #4fd2c2;
}
.header-shrink.op-b-header.op-b-header-white .nav-item.active .nav-item-child {
color: #4fd2c2;
}
.header-shrink.op-b-header.op-b-header-white .nav-item.active .nav-item-child:before {
background: #4fd2c2;
}
.header-shrink.op-b-header.op-b-header-white .nav-item.active .nav-item-child:hover {
color: #4fd2c2;
}
/* Shrink Language */
.header-shrink.op-b-header.op-b-header-white .nav-language-list {
border-color: rgba(79, 210, 194, 0.4);
}
.header-shrink.op-b-header.op-b-header-white .nav-language-list-link {
color: #4fd2c2;
}
.header-shrink.op-b-header.op-b-header-white .nav-language-list-link.active {
color: #fff;
background: rgba(79, 210, 194, 0.4);
}
}
/*--------------------------------------------------
[Header One Page Business Center]
----------------------------------------------------*/
.op-b-header.op-b-header-center .navbar-collapse {
text-align: center;
}
.op-b-header.op-b-header-center .navbar-nav {
float: none;
display: inline-block;
vertical-align: middle;
}
/* Media Queries above 992px */
@media (min-width: 992px) {
/* Header Shrink */
.header-shrink.op-b-header .navbar {
background: white;
transition-duration: 300ms;
transition-property: all;
transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}
}
/*------------------------------------------------------------
[NWMPHN CUSTOM CSS BEGIN]
------------------------------------------------------------*/
/*------------------common utility css ---------------------*/
body{
font-family: museo-sans, sans-serif !important;
}
h1,h2,h3,h4,h5,h6{
font-family: museo-slab, serif !important;
}
h3,h4,h5,h6{
font-family: museo-sans, sans-serif !important;
}
.no-padding {
padding: 0 !important;
}
.no-margin{
margin: 0 !important;
}
.fg-text-light{
color:#ffffff;
}
.fg-text-dark{
color:#4A4A4A;
}
.fg-text-light a:hover{
color: #aee8ee;
}
.no-border{
border:none;
}
.no-padding{
padding:0px;
}
.deactivated{
opacity: .65;
}
.vcenter {
display: inline-block;
vertical-align: middle;
float: none;
}
.round-button {
width:20px;
height:20px;
}
.round-button-circle {
width: 100%;
height:0;
padding-bottom: 100%;
border-radius: 50%;
border:1px solid #003e6a;
overflow:hidden;
background: transparent;
}
.round-button-circle:hover {
background:transparent;
border:1px solid #16BECF;
}
.round-button span {
display:block;
float:left;
width:100%;
padding-top:60%;
padding-bottom:55%;
line-height:0.6em;
margin-top:-0.4em;
text-align:center;
color:#003e6a;
font-family:Verdana;
font-size:1em;
/*font-weight:bold;*/
text-decoration:none;
}
.round-button span:hover{
color:#16BECF;
cursor:pointer;
}
.round-button:hover span{
color:#16BECF;
cursor:pointer;
}
.round-button-circle.expanded > .round-button.expand{
display:none;
}
.round-button-circle.expanded > .round-button.collapse{
display:inline;
}
.header-icon-button.round-button{
width:20px;
height:20px;
top: 15px;
right:0px;
position: absolute;
}
.header-icon-button.round-button > .round-button-circle{
height:20px;
}
.word-count-wrapper.error{
color:red;
}
/*-------overriding gravity form styles -----------*/
.gform_wrapper li.hidden_label input {
margin-top: 0px !important;
}
input[type=text], textarea {
-webkit-transition: all 0.30s ease-in-out;
-moz-transition: all 0.30s ease-in-out;
-ms-transition: all 0.30s ease-in-out;
-o-transition: all 0.30s ease-in-out;
outline: none;
border: 1px solid #a4a4a4;
border-radius:6px;
}
.ginput_container input[type=text]:focus, .ginput_container textarea:focus{
box-shadow: 0 0 5px #15bece;
border: 1px solid #15bece;
}
.ginput_container input[type=text]::placeholder, .ginput_container textarea::placeholder{
color:#9b9b9b;
font-size:16px;
}
/*--styling dropdown ----*/
select + i {
position: absolute;
top: 40%;
right: 30px;
pointer-events: none;
}
.nwmphn-form-dropdown.placeholder-selected{
color: #9b9b9b;
}
.nwmphn-form input.form-control{
height:56px;
font-size:16px;
}
.nwmphn-form .form-group{
position:relative;
margin-bottom:20px;
}
.nwmphn-form .form-group select{
width: 100%;
height: 56px;
font-size: 16px;
line-height: 26px;
margin-bottom: 0px;
border: solid 1px #a4a4a4;
padding: 0px 10px;
-webkit-appearance: none;
-moz-appearance:none;
}
.nwmphn-form .help-block.with-errors{
position: absolute;
display: inline-block;
bottom: -36px;
}
.nwmphn-form .help-block.with-errors ul li{
color: #ff0000;
font-size:11px;
}
.nwmphn-forminput[type=text], .nwmphn-form input[type=email], .nwmphn-form textarea {
-webkit-transition: all 0.30s ease-in-out;
-moz-transition: all 0.30s ease-in-out;
-ms-transition: all 0.30s ease-in-out;
-o-transition: all 0.30s ease-in-out;
outline: none;
border: 1px solid #a4a4a4;
border-radius:6px;
font-size:16px;
}
.nwmphn-form input[type=text]:focus, .nwmphn-form input[type=email]:focus, .nwmphn-form textarea:focus, .nwmphn-form select:focus{
box-shadow: 0 0 5px #15bece;
border: 1px solid #15bece;
}
.nwmphn-form input[type=text]::placeholder, .nwmphn-form textarea::placeholder{
color:#9b9b9b;
font-size:16px;
}
#subscribeForm .essential-contact-data, #subscribeForm .additional-contact-data{
display:none;
}
@media (max-width: 500px) {
.nwmphn-form input[type=text]::placeholder, .nwmphn-form textarea::placeholder{
font-size:14px;
}
.nwmphn-form input[type=text], .nwmphn-form input[type=email], .nwmphn-form textarea {
font-size:14px;
}
.nwmphn-form .form-group select{
font-size:13px;
}
}
/*----end of styling dropdown-----*/
/*error styling*/
.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 #ff0000 !important;
}
.gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container, .gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label {
margin-top: 0px !important;
}
.gform_wrapper li.gfield.gfield_error, .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
border-top: 0px !important;
border-bottom: 0px !important;
padding-bottom: 0px !important;
/*padding-top: 0px !important;*/
background: none !important;
}
.gform_wrapper .field_description_below .gfield_description {
padding-top: 4px !important;
}
.gform_wrapper .validation_message {
color: #ff0000 !important;
}
.gform_wrapper div.validation_error {
color: #ff0000 !important;
margin-bottom: 0px !important;
border-top: 2px solid #ff0000 !important;
border-top-color: #ff0000 !important;
border-bottom: 2px solid #ff0000 !important;
border-bottom-color: #ff0000 !important;
text-align:left !important;
}
/*------end of overriding gravity form-------------*/
/*
div.page > .fg-bg{
display: none;
}*/
/*------------------end of common utility css---------------*/
/*------------------start of header css---------------------*/
/*-----------------start of footer css---------------------*/
.call-to-action-v2 input[type="text"] {
border: 1px solid white !important;
padding:4px 16px !important;
font-size:16px;
}
.call-to-action-v2 input[type="text"]:focus {
box-shadow: 0 0 5px #15bece !important;
border: 1px solid #15bece !important;
}
.call-to-action-container {
max-width: 600px;
margin: 0 auto;
margin-bottom: 50px !important;
}
@media (min-width: 768px) {
.call-to-action-container {
padding: 30px 30px 30px;
}
}
.button-cover{
width:100%;
height:100%;
}
.nwmphn-button.sharp-left{
border-radius: 0 8px 8px 0;
width:130px;
}
.nwmphn-button{
width: 220px;
height: 48px;
font-weight: 700 !important;
font-size: 18px;
border-radius: 8px;
background: #AEE8EE;
color: #003D69;
margin: 0 auto;
line-height: 48px;
border:none;
cursor:pointer;
text-align: center;
text-decoration:none;
}
.nwmphn-button.with-margin{
margin:40px auto;
}
@media (max-width: 500px) {
.nwmphn-button.sharp-left{
width:94px;
}
.call-to-action-container input[type=text] {
width: 170px !important;
}
.nwmphn-button{
font-size: 14px;
}
}
.nwmphn-form input[type="submit"]{
height: 48px;
font-weight: 700;
font-size: 18px !important;
border-radius: 8px ;
background: #AEE8EE !important;
color: #003D69 !important;
margin: 0 auto !important;
line-height: 48px;
border:none !important;
cursor:pointer;
text-align: center;
padding: 0 15px !important;
}
.nwmphn-form input[type="submit"]:hover{
background: #15BECE !important;
color: #ffffff !important;
-moz-transition: all 0.2s ease-in;
-webkit-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
cursor:pointer
}
.nwmphn-button a{
text-decoration:none;
color:#003D69;
font-weight: bold;
}
.nwmphn-button:hover, .nwmphn-button:hover a{
background: #15BECE;
color: #ffffff;
-moz-transition: all 0.2s ease-in;
-webkit-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
cursor:pointer;
text-decoration:none;
}
.nwmphn-button.small{
width:100px;
height:40px;
}
.nwmphn-tab-round{
/*width: 140px;
height: 48px;
font-weight: 700;
font-size: 18px;
border-radius: 50px;
background: #DBDBDB;
color: #003D69;
margin: 0 auto;
line-height: 48px;
border:none;
cursor:pointer;
display:inline-block;
margin-left:10px;
margin-right:10px;*/
width: 140px;
height: 48px;
border-radius: 50px;
background: #cbcaca;
color: #003d69;
margin: 0 auto;
line-height: 48px;
/*border: solid 1px #cbcaca;*/
cursor: pointer;
display: inline-block;
margin-left: 10px;
margin-right: 10px;
}
@media (max-width: 500px) {
.nwmphn-tab-round{
width: 90px;
}
}
.nwmphn-tab-round a{
text-decoration:none;
font-weight: 700;
font-size: 16px;
}
.nwmphn-tab-round.medium-length{
width: 200px;
}
@media (max-width: 500px) {
.nwmphn-tab-round.medium-length{
width: 130px;
margin:0 5px;
}
.nwmphn-tab-round.medium-length .button-cover{
font-size:13px;
}
}
.nwmphn-tab-round:hover, .nwmphn-tab-round:hover a{
background: #003D69;
color: #ffffff;
border:1px;
text-decoration:none;
-moz-transition: all 0.2s ease-in;
-webkit-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
cursor:pointer;
}
.nwmphn-tab-round.active, .nwmphn-tab-round.active a {
background: #003D69;
color: #ffffff;
border:1px;
/*border: solid 1px #003D69;*/
}
.main-footer{
padding-top:35px;
padding-bottom:35px;
background:#003d69;
position:relative;
}
.main-footer:after {
content : "";
display: block;
position: absolute;
top: 0;
left: 0;
background:url('/wp-content/themes/nwmphn/assets/img/common/bg-pattern.png') #003d69;
background-repeat: repeat-x;
background-blend-mode: multiply;
width: 100%;
height: 100%;
opacity : 0.1;
z-index: -1;
}
.small-footer{
/*height:20px;*/
background:#00243f !important;
}
section.small-footer > div.fg-bg{
display:none;
}
div.small-footer-link-container{
color:#fff;
font-size:11px;
margin: 15px auto;
}
div.small-footer-link-container > ul{
margin-bottom:0px;
}
a.small-footer-link{
color:#fff;
text-decoration: none;
}
@media (max-width: 991px) {
/*footer bottom links */
.small-footer-link-container {
text-align: center;
margin-top: 15px;
}
}
@media (max-width: 767px) {
img.au-gov-logo{
display:inline-block;
}
}
div.small-footer-plural-container{
line-height:38px;
font-size:12px;
text-align: center;
margin-bottom: 10px;
}
@media (min-width: 1200px) {
div.small-footer-plural-container{
text-align: right;
margin-bottom: 0;
}
}
div.small-footer-plural-container > div{
display: inline-block;
vertical-align: middle;
margin-left: 5px;
}
.plural-logo{
width: 100%;
background:url('/wp-content/themes/nwmphn/assets/img/footer/plural-logo.svg');
background-size: cover;
width:70px;
height:24px;
margin:8px 0px;
cursor:pointer;
}
.plural-logo:hover{
background:url('/wp-content/themes/nwmphn/assets/img/footer/plural-logo-hover.svg');
}
.plural-logo path {
fill: #000;
}
div.accessibility-section{
margin-bottom:0px;
display: flex;
align-items: center;
min-height: 100px;
}
.accessibility-section > ul > li.footer-icon-caption div{
/*vertical-align: top;
line-height: 42px;
background: url(images/bullet.gif) no-repeat left top;*/
/* reset styles (optional): */
/*padding: 4px 0px 3px 24px;*/
padding: 0px 0px 0px 24px;
list-style: none;
margin: auto 10px;
display: inline-block;
background-position: left center !important;
}
.accessibility-section > ul > li{
list-style-type: none;
display: inline-block;
}
.accessibility-section > ul > li.footer-icon-caption:hover div{
color:#aee8ee;
}
.accessibility-section > ul > li a{
text-decoration:none;
font-size:14px;
}
.accessibility-section > ul > li.footer-icon-caption.accessibility div{
background: url('/wp-content/themes/nwmphn/assets/img/icons/ico-accessibility.svg') no-repeat;
margin-bottom:4px;
}
.accessibility-section > ul > li.footer-icon-caption.accessibility:hover div{
background: url('/wp-content/themes/nwmphn/assets/img/icons/ico-accessibility-hover.svg') no-repeat;
cursor:pointer;
}
.accessibility-section > ul > li.footer-icon-caption.feedback div{
background: url('/wp-content/themes/nwmphn/assets/img/icons/ico-website-feedback.svg') no-repeat;
}
.accessibility-section > ul > li.footer-icon-caption.feedback:hover div{
background: url('/wp-content/themes/nwmphn/assets/img/icons/ico-website-feedback-hover.svg') no-repeat;
cursor:pointer;
}
/*
.accessibility-section > ul > li:before {
content:'';
display:inline-block;
height:1em;
width:1em;
background-image:url('/wp-content/themes/nwmphn/assets/img/icon/ico-website-feedback.svg');
background-size:contain;
background-repeat:no-repeat;
padding-left: 2em;
}
*/
@media (min-width: 1200px) {
.accessibility-section > ul > li{
display: block;
}
div.footer-acknowledgement-container{
width: 46%;
padding-left: 45px;
}
div.footer-social-container{
max-width: 20%;
}
}
div.footer-social-icon-wrapper{
line-height:100px;
margin-bottom:0px ;
}
@media (max-width: 767px) {
.call-to-action-v2-3 .call-to-action-v2-text {
margin: 20px;
}
.call-to-action-v2 .call-to-action-v2-text p, .call-to-action-v2 .call-to-action-v2-text {
font-size: 16px;
margin-bottom: 0;
line-height: 20px;
}
}
/*-------------------end of header css----------------------*/
/*-------------------start of homepage css -----------------*/
#homepage-services-container .services-v4-learn > a{
color: #003D69;
cursor:pointer;
}
#sliderHomeEvents{
display:none;
}
.news-section{
padding:45px 35px 90px 35px;
}
#homepage-services-container .center-content-hor-align-sm.services-v4-content{
position:relative;
}
/*-------------------end of homepage css -------------------*/
/*------------------leadership block custom style-----------*/
.leadership-wrapper >div >.blog-classic-body{
padding: 15px 0 20px 5px;
}
.leadership-wrapper >div >.blog-classic-body > .blog-classic-divider{
display:none;
}
/* hover effect for leadership */
.leadership-wrapper {
cursor:pointer;
}
.leadership-wrapper .blog-classic-body-part .profile-picture-container{
position:relative;
}
.leadership-wrapper .blog-classic-body-part .profile-picture-container:before{
content:' ';
position:absolute;
z-index:1;
top:0px;
bottom:0px;
left:0px;
right:0px;
display:block;
background:#15bece;
opacity:0;
transition: opacity .25s ease-in-out;
-moz-transition: opacity .25s ease-in-out;
-webkit-transition: opacity .25s ease-in-out;
}
.leadership-wrapper:hover .blog-classic-body-part .profile-picture-container:before{
opacity:0.7;
}
.leadership-wrapper:hover img{
-webkit-filter: grayscale(1);
filter: grayscale(1);
}
.leadership-wrapper:hover h5{
color:#15bece;
}
/*-------------------end of leadership block customstyle----*/
/*------------------lightbox custom css --------------------*/
.white-popup {
position: relative;
background: #FFF;
padding: 40px 20px;
/*padding-top:40px;*/
width: auto;
max-width: 80%;
margin: 20px auto;
}
.white-popup.large-padding{
padding:40px;
}
.white-popup > button.mfp-close{
background: #fff;
margin-top: 16px;
margin-right: 16px;
font-size: 36px;
}
@media (max-width: 767px) {
.white-popup {
padding: 16px 0px;
width: auto;
max-width: 90%;
margin: 20px auto;
}
.white-popup > button.mfp-close{
background:transparent;
margin-top: 10px;
margin-right: 15px;
}
}
.white-popup-close-button{
text-align:center !important;
}
.social-icon-container{
margin-top:20px;
text-align:center;
}
.btn.btn-default.btn-circle {
width: 30px;
height: 30px;
text-align: center;
padding: 6px 0;
font-size: 12px;
line-height: 1.428571429;
border-radius: 50%;
margin: 0 5px;
}
.btn.btn-default.btn-circle.btn-lg {
width: 50px;
height: 50px;
padding: 10px 16px;
font-size: 18px;
line-height: 1.33;
}
@media (max-width: 360px) {
.btn.btn-default.btn-circle.btn-lg {
width: 40px;
height: 40px;
padding: 8px 10px;
font-size: 16px;
margin: 0 2px;
}
}
.leadership-detail .btn.btn-default.btn-circle{
width: 40px;
height: 40px;
font-size:18px;
border-color: #15bece;
color:#003d69;
}
.leadership-detail .btn.btn-default.btn-circle:hover{
background-color: #AEE8EE;
}
.leadership-detail.white-popup p {
font-size:16px;
}
@media (max-width: 767px) {
.leadership-detail.white-popup p {
line-height:24px;
}
}
.leadership-detail.white-popup h6 {
font-size:15px;
}
/*---------------end of lightbox custom css ----------------*/
/*------------------contact us custom css --------------------*/
.top-contact-box-wrapper > .fg-bg{
min-height:150px;
}
.top-contact-box-wrapper > section.section-heading{
margin:0px;
white-space: nowrap;
}
.side-contact-box-wrapper > section.section-heading{
margin:0px;
}
.side-contact-box-wrapper .btn.btn-default.btn-circle{
border: solid 1px #15bece;
color: #003d69;
}
.side-contact-box-wrapper .btn.btn-default.btn-circle:hover{
background: #AEE8EE;
}
/* override gravity form */
body .gform_wrapper .gform_body .gform_fields .gfield input[type=text],
body .gform_wrapper .gform_body .gform_fields .gfield input[type=email],
body .gform_wrapper .gform_body .gform_fields .gfield input[type=tel],
body .gform_wrapper .gform_body .gform_fields .gfield input[type=url],
body .gform_wrapper .gform_body .gform_fields .gfield input[type=number],
body .gform_wrapper .gform_body .gform_fields .gfield input[type=password],
body .gform_wrapper .gform_body .gform_fields .gfield select {
padding:15px 10px !important;
}
body .gfield_label{
display:none;
}
.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit], .gform_wrapper .gform_page_footer input.button, .gform_wrapper .gform_page_footer input[type=submit] {
padding: 15px 20px;
}
.form-enquiry > h2{
margin-bottom:0px;
margin-top:0px;
}
/*------------------end of contact us custom css --------------------*/
/*------------------partners & collaborations custom css --------------------*/
#partnersCollaborationsFilter .ff-form-input {
max-width: 300px;
margin: 0 auto;
}
#partnersCollaborations .partnership-wrapper{
}
#partnersCollaborations .ff-portfolio-grid-wrapper{
padding-bottom:0px;
}
#partnersCollaborations .partnership-item-wrapper img{
border:0px;
width:100%;
}
/*------------------end of partners & collaborations custom css --------------------*/
/*------------------priority area topic custom css --------------------*/
.hide-element{
display:none;
}
div.blog-sidebar a{
text-decoration: none;
color: #4A4A4A;
}
div.priority-area.blog-sidebar > a{
margin-bottom:0px;
position: relative;
}
div.priority-area.blog-sidebar h4.widget-title{
/*padding: 0px;*/
margin: 0px;
font-family:museo-slab, serif !important;
font-weight:900;
font-size:15px;
color:#003D69;
line-height: 20px;
padding-right: 50px;
padding-left: 0px;
padding-left: 20px;
}
div.priority-area.blog-sidebar > ul{
/*padding-bottom: 0px;
padding-top: 0px !important;*/
background: #E7F8FA;
padding:16px;
}
div.priority-area.blog-sidebar li:hover{
background:#003d69;
}
div.priority-area.blog-sidebar li{
padding: 0;
}
div.priority-area.blog-sidebar li.selected-menu{
background:#003d69;
}
div.priority-area.blog-sidebar li.selected-menu a{
color:white;
}
div.priority-area.blog-sidebar li:hover a{
color:white;
}
/*div.priority-area.blog-sidebar li:hover a:hover{
color:#15BECE;
}*/
div.priority-area.blog-sidebar > div > i{
position: absolute;
font-size: 24px;
color: #003d69;
cursor:pointer;
right: 0;
top: 50%;
transform: translateY(-50%);
}
div.priority-area.blog-sidebar > div > i{
clear: right;
padding: 15px;
}
ul.priority-area-topic-list{
padding-left: 16px;
}
ul.priority-area-topic-list li{
color: #ffffff;
margin-bottom:8px;
}
ul.priority-area-topic-list li a{
color: #ffffff;
}
.priority-area-topic-box {
min-height:150px;
background: none;
padding:8px;
}
.priority-area-topic-box a{
text-decoration: none
}
.priority-area-topic-box a:hover{
text-decoration:none;
}
.priority-area-topic-box .media{
width:100%;
height:100%;
min-height:142px;
background: #003D69;
cursor:pointer;
position:relative;
padding: 24px;
}
.priority-area-topic-box:hover .media{
background: #1F7495;
-webkit-transition: background-color 500ms ease-out;
-moz-transition: background-color 500ms ease-out;
-o-transition: background-color 500ms ease-out;
transition: background-color 500ms ease-out;
}
.priority-area-topic-box .media .media-body{
vertical-align:middle;
margin-bottom:0px;
}
.priority-area-topic-box .media .media-body h4{
color:white;
margin-left:8px;
margin-bottom:0px;
text-decoration: none;
line-height: 28px;
}
@media (max-width: 767px) {
.priority-area-topic-box{
min-height:135px;
padding:4px;
}
.priority-area-topic-box .media .media-left img{
width:80px;
height:80px;
}
.priority-area-topic-box .media .media-left{
padding-right:5px;
}
.priority-area-topic-box .media{
padding:20px;
min-height:128px;
}
}
.priority-area-topic-box-content{
/*width:100%;
height:100%;
min-height:142px;
background: #003D69;
cursor:pointer;
position:relative;
padding: 24px;*/
/*white-space: nowrap;*/
}
.priority-area-topic-box-content > div{
display:inline-block;
}
.priority-area-topic-box-content .priority-area-topic-title h4{
color:white;
margin-left:16px;
}
#blog-sidebar-container{
padding:0px;
/*margin-top: 16px;*/
}#blog-sidebar-container div.priority-area.blog-sidebar > ul{
padding: 16px;
margin-top: 16px;
}
#blog-sidebar-container .priority-area {
background: #E7F8FA;
}
#blog-sidebar-container .priority-area > div {
background: white;
position: relative;
}
#blog-sidebar-container>.widget.ffb-widget.widget_recent_entries{
padding:0px;
margin-left: 15px;
}
@media (max-width: 991px) {
#blog-sidebar-container>.widget.ffb-widget.widget_recent_entries {
margin: 0 15px;
}
}
#blog-sidebar-container .widget_recent_entries li::before{
position: absolute;
left: '0';
content: " ";
}
#blog-sidebar-container > ul > li > a {
color: #003D69;
}
#blog-sidebar-container div.priority-area.blog-sidebar li a {
display: block;
padding: 8px 15px;
}
/*--area for commissioned activity in priority area topic---*/
#commisionedActivitiesPriorityAreaTopic{
padding:0px;
}
#commisionedActivitiesPriorityAreaTopic .cbp-item .bg-p-1:before,
#commisionedActivitiesPriorityAreaTopic .cbp-item .bg-p-2:before,
#commisionedActivitiesPriorityAreaTopic .cbp-item .bg-p-3:before,
#commisionedActivitiesPriorityAreaTopic .cbp-item .bg-p-4:before,
#commisionedActivitiesPriorityAreaTopic .cbp-item .bg-p-5:before,
#commisionedActivitiesPriorityAreaTopic .cbp-item .bg-p-6:before,
#commisionedActivitiesPriorityAreaTopic .cbp-item .bg-p-7:before,
#commisionedActivitiesPriorityAreaTopic .cbp-item .bg-p-8:before
{
background-size:40%;
}
#commisionedActivitiesPriorityAreaTopic .cbp-item .bg-p-1:after,
#commisionedActivitiesPriorityAreaTopic .cbp-item .bg-p-2:after,
#commisionedActivitiesPriorityAreaTopic .cbp-item .bg-p-3:after,
#commisionedActivitiesPriorityAreaTopic .cbp-item .bg-p-4:after,
#commisionedActivitiesPriorityAreaTopic .cbp-item .bg-p-5:after,
#commisionedActivitiesPriorityAreaTopic .cbp-item .bg-p-6:after,
#commisionedActivitiesPriorityAreaTopic .cbp-item .bg-p-7:after,
#commisionedActivitiesPriorityAreaTopic .cbp-item .bg-p-8:after
{
background-size:40%;
}
#commisionedActivitiesPriorityAreaTopic .cbp-item:hover .bg-p-1:before,
#commisionedActivitiesPriorityAreaTopic .cbp-item:hover .bg-p-2:before,
#commisionedActivitiesPriorityAreaTopic .cbp-item:hover .bg-p-3:before,
#commisionedActivitiesPriorityAreaTopic .cbp-item:hover .bg-p-4:before,
#commisionedActivitiesPriorityAreaTopic .cbp-item:hover .bg-p-5:before,
#commisionedActivitiesPriorityAreaTopic .cbp-item:hover .bg-p-6:before,
#commisionedActivitiesPriorityAreaTopic .cbp-item:hover .bg-p-7:before,
#commisionedActivitiesPriorityAreaTopic .cbp-item:hover .bg-p-8:before
{
opacity: 0.08;
background-size:100%;
transition: background-size .25s ease-in-out;
-moz-transition: background-size .25s ease-in-out;
-webkit-transition: background-size .25s ease-in-out;
}
#commisionedActivitiesPriorityAreaTopic .cbp-item:hover .bg-p-1:after,
#commisionedActivitiesPriorityAreaTopic .cbp-item:hover .bg-p-2:after,
#commisionedActivitiesPriorityAreaTopic .cbp-item:hover .bg-p-3:after,
#commisionedActivitiesPriorityAreaTopic .cbp-item:hover .bg-p-4:after,
#commisionedActivitiesPriorityAreaTopic .cbp-item:hover .bg-p-5:after,
#commisionedActivitiesPriorityAreaTopic .cbp-item:hover .bg-p-6:after,
#commisionedActivitiesPriorityAreaTopic .cbp-item:hover .bg-p-7:after,
#commisionedActivitiesPriorityAreaTopic .cbp-item:hover .bg-p-8:after
{
opacity: 0;
background-size:100%;
transition: background-size .25s ease-in-out;
-moz-transition: background-size .25s ease-in-out;
-webkit-transition: background-size .25s ease-in-out;
}
/* prevent scaling on hover of entire element of activity*/
#commisionedActivitiesPriorityAreaTopic .cbp-item-activity .cbp-caption:hover .cbp-caption-defaultWrap{
-webkit-transform: scale(1);
transform: scale(1);
}
#commisionedActivitiesPriorityAreaTopic .cbp-item-activity .cbp-l-caption-body{
position: absolute;
display: table;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
z-index: 1;
padding: 0px;
}
#commisionedActivitiesPriorityAreaTopic .cbp-item-activity .cbp-l-caption-body .cbp-item-title{
display: table-cell;
vertical-align: middle;
padding: 0 20px;
color: #4A4A4A;
}
#commisionedActivitiesPriorityAreaTopic .cbp-caption-activeWrap.transparent-cover{
background:none;
opacity: 0;
top: 0;
/* height: 75%; */
height: 70%;
-webkit-transition: opacity 0.8s cubic-bezier(0.19, 1, 0.22, 1);
transition: opacity 0.8s cubic-bezier(0.19, 1, 0.22, 1);
display: table;
}
#commisionedActivitiesPriorityAreaTopic .cbp-caption-pushTop .cbp-caption:hover .cbp-caption-activeWrap{
-webkit-transform: translateY(0) !important;
transform: translateY(0) !important;
}
#commisionedActivitiesPriorityAreaTopic a:hover .cbp-caption-activeWrap{
-webkit-transform: translateY(0) !important;
transform: translateY(0) !important;
}
#commisionedActivitiesPriorityAreaTopic a:hover .cbp-caption-activeWrap.transparent-cover{
opacity: 1;
}
/*------------------end of priority area topic custom css --------------------*/
/*------------------resource custom css --------------------*/
.blog-grid .blog-grid-supplemental.resource-footer{
text-align:right;
}
.ffb-button1-1.ffb-block-button-1-0.btn-base-brd-slide {
background-color: #00bcd4;
}
.ffb-button1-1.ffb-block-button-1-0.btn-base-brd-slide {
border-color: transparent;
}
.ffb-button1-1.ffb-block-button-1-0.btn-base-brd-slide {
color: #ffffff;
}
.ffb-button1-1.ffb-block-button-1-0.btn-base-brd-slide {
background-color: #00bcd4;
}
.ffb-button1-1.ffb-block-button-1-0.btn-base-brd-slide {
border-color: transparent;
}
.ffb-button1-1.ffb-block-button-1-0.btn-base-brd-slide {
color: #ffffff;
}
.ffb-button1-1.ffb-block-button-1-0.btn-base-brd-slide {
background-color: #00bcd4;
}
.ffb-button1-1.ffb-block-button-1-0.btn-base-brd-slide {
border-color: transparent;
}
.ffb-button1-1.ffb-block-button-1-0.btn-base-brd-slide {
color: #ffffff;
}
.resource-sidebar li.resource-sidebar-list{
padding: 8px 0 0 0px;
}
.resource-sidebar li.resource-sidebar-list::before{
content: "";
}
.resource-sidebar li.resource-sidebar-list a{
max-width: 85%;
display: inline-block;
vertical-align: top;
margin-left: 10px;
}
.resource-sidebar li.resource-sidebar-list label {
display: inline;
}
.resource-wrapper{
background:#fff;
margin-bottom:20px;
}
.resource.type-resource a.resource-action{
text-decoration:none;
cursor:pointer;
}
.resource-content-container{
/*padding:0px 20px 20px 20px;*/
min-height:130px;
border-bottom:solid 1px #ebeef6;
}
.resource-wrapper.news-v10:first-child {
padding-top:20px;
}
.resource-download-wrapper{
padding: 10px 16px;
}
.resource-sidebar .ico-more {
width: 30px;
height: 30px;
right: 0px;
top: 0px;
position: absolute;
background-size: cover;
}
.resource-sidebar .ico-more.expanded {
width: 30px;
height: 30px;
right: 0px;
top: 0px;
position: absolute;
background-size: cover;
}
.resource-sidebar > div.blog-sidebar >div{
position: relative;
}
#resources-container div.resource-sidebar div.priority-area > div > h4.widget-title.ffb-widget-title {
padding: 3px 15px 3px 0;
color: #4a4a4a;
font-size: 18px;
line-height: 24px;
border: none;
cursor: pointer;
margin-bottom: 7px;
display: inline-block;
}
#resources-container div.resource-sidebar div.priority-area > div > h4.widget-title.ffb-widget-title.noaction {
cursor: initial;
}
#resources-container div.resource-sidebar div.priority-area > div > h4.widget-title.ffb-widget-title.first-filter {
padding: 3px 0px 3px 0;
}
#resources-container div.resource-sidebar div.priority-area > div > div.inline-search-reset {
float: right;
padding: 6px 10px;
cursor: pointer;
font-weight: normal;
color: #003d69;
}
#resources-container div.resource-sidebar div.priority-area > div > div.inline-search-reset:hover {
font-weight:bold;
}
@media (max-width: 1040px) {
#resources-container div.resource-sidebar div.priority-area > div > div.inline-search-reset {
padding: 7px 2px;
}
}
@media (max-width: 767px) {
#resources-container div.resource-sidebar div.priority-area > div > div.inline-search-reset {
padding: 2px 10px;
}
}
#resources-container .resource-sidebar a > h4.widget-title.ffb-widget-title{
margin-bottom: 0px !important;
display: inline-block;
}
#resources-container .resource-sidebar input[type=text]{
width: 100%;
height: 40px;
line-height: 32px;
padding: 0 8px;
}
span.header-icon-button {
top: 0px;
position: absolute;
right: 30px;
}
#event-container .blog-sidebar label {
font-weight: normal;
font-size: 14px;
}
#resources-container .resource-sidebar.ark-sidebar:not(.ark-element-sidebar) .widget,
#event-container .resource-sidebar.ark-sidebar:not(.ark-element-sidebar) .widget {
background:none;
padding:0px !important;
}
/*#resources-container div.resource-sidebar div.priority-area > div > h4.widget-title.ffb-widget-title, */
#event-container div.resource-sidebar div.priority-area > div > h4.widget-title.ffb-widget-title {
padding: 15px 15px 15px 0;
color: #4a4a4a;
font-size:18px;
line-height:24px;
border:none;
cursor:pointer;
}
#resources-container .header-icon-button.round-button{
width:20px;
height:20px;
right:0px;
position: absolute;
}
#resources-container .blog-sidebar ul,
#event-container .blog-sidebar ul {
background: #ffffff;
margin-bottom: 30px;
margin-top: 0 !important;
border-top: 1px solid #979797;
}
#resources-container .blog-sidebar li,
#event-container .blog-sidebar li {
padding-top: 8px;
padding-bottom: 8px;
}
#resources-container div.priority-area.blog-sidebar li:hover,
#event-container div.priority-area.blog-sidebar li:hover {
background: none;
color:#4a4a4a;
}
#resources-container div.priority-area.blog-sidebar li:hover a,
#event-container div.priority-area.blog-sidebar li:hover a{
color:#4a4a4a;
}
#resources-container .nwmphn-button,
#event-container .nwmphn-button{
background:#AEE8EE;
color:#003D69;
width:100%;
margin-top:16px;
}
#resources-container .nwmphn-button:hover{
background:#15bece;
color:#ffffff;
width:100%;
}
#resources-container .resource{
padding: 30px 0px;
/*padding-left: 16px;
padding-right: 16px;*/
border-top: solid #15bece 8px;
max-height: 220px;
cursor:pointer;
background-color: #ffffff;
}
#resources-container .resource:hover{
border-top: solid #003d69 8px;
cursor:pointer;
background-color: #003d69;
}
#resources-container .resource:hover div.resource-content-container > h6.news-v10-title.fg-text-dark.ffb-title-2-2{
color: #ffffff;
}
.resource-content-container{
padding:0px 16px;
}
.resource-download-wrapper .action-button{
float:right;
font-size: 24px;
}
.resource-download-wrapper .resource-info{
float:left;
line-height: 28px;
opacity:0;
position:absolute;
left:0px;
}
.resource-download-wrapper .resource-size{
float:left;
line-height: 28px;
font-size: 24px;
color:#9b9b9b;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.resource-download-wrapper .resource-size span{
line-height: 28px;
font-size: 16px;
color:#9b9b9b;
margin-left:10px;
}
.resource:hover .action-button a{
color: #ffffff;
}
.resource:hover .resource-info{
color: #ffffff;
display:block;
opacity:1;
left:20px;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.resource:hover .resource-size{
opacity:0;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
#resources-container .resource:hover .resource-download-wrapper .resource-size {
margin-left: 50px;
opacity: 0;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
/*
.resource:hover .resource-size{
display:none;
}*/
.resource-icon{
width:28px;
height:28px;
background-size: contain;
background-position: center center;
background-repeat: no-repeat;
}
.resource-icon-desc{
display:table-cell;
font-size: 15px;
padding-left: 5px;
}
.resource .resource-icon{
display:table-cell;
}
.resource .action-icon.resource-icon {
display:block;
}
.icon-pdf{
background-image: url('/wp-content/themes/nwmphn/assets/img/icons/icon-pdf.svg');
}
.icon-word{
background-image: url('/wp-content/themes/nwmphn/assets/img/icons/icon-word.svg');
}
.icon-video{
background-image: url('/wp-content/themes/nwmphn/assets/img/icons/icon-video.svg');
}
.icon-url{
background-image: url('/wp-content/themes/nwmphn/assets/img/icons/icon-url.svg');
}
.icon-generic{
background-image: url('/wp-content/themes/nwmphn/assets/img/icons/icon-file-generic.svg');
}
.icon-download{
background-image: url('/wp-content/themes/nwmphn/assets/img/icons/icon-download-pos.svg');
}
.icon-play{
background-image: url('/wp-content/themes/nwmphn/assets/img/icons/icon-play-pos.svg');
}
.icon-visit{
background-image: url('/wp-content/themes/nwmphn/assets/img/icons/icon-visit-pos.svg');
}
.resource:hover .icon-download{
background-image: url('/wp-content/themes/nwmphn/assets/img/icons/icon-download-rev.svg');
}
.resource:hover .icon-play{
background-image: url('/wp-content/themes/nwmphn/assets/img/icons/icon-play-rev.svg');
}
.resource:hover .icon-visit{
background-image: url('/wp-content/themes/nwmphn/assets/img/icons/icon-visit-rev.svg');
}
/*--special for single priority area page -----*/
#resources-container .priority-area-topic-resource{
margin-bottom:15px;
padding-left: 5px;
padding-right: 5px;
}
#resources-container.content-sm.container{
padding-top:0px;
}
#resources-container.content-sm.container .nwmphn-button{
max-width:350px;
}
/*--end of special for single priority area page -----*/
/*
#event-container div.priority-area.blog-sidebar li:hover {
background: none;
}
#event-container div.priority-area.blog-sidebar li {
padding-top: 8px;
padding-bottom: 8px;
font-size:18px;
color: #4a4a4a;
}*/
@media (max-width: 991px){
#resources-container .ark-sidebar div.resource-sidebar{
margin-bottom:15px;
}
}
/*------------------end resource custom css --------------------*/
/*------------------start of key documents custom css -----------------*/
.current-activities-wrapper{
border-top:solid 3px #777;
}
.current-activities-wrapper > div.blog-classic-body-part >div.blog-classic-body {
position: relative;
/* background: #fff; */
padding: 20px 30px 80px;
}
.current-activities-wrapper > div >div >div.blog-classic-divider {
width:0px;
}
.key-doc-icon{
position: absolute;
left: 30px;
bottom: 0px;
}
.key-doc-download{
position: absolute;
right: 30px;
bottom: 20px;
cursor:pointer;
}
.corporate-documents-wrapper{
border-top:solid 3px #777;
}
.corporate-documents-wrapper > div.blog-classic-body-part >div.blog-classic-body {
position: relative;
/* background: #fff; */
padding: 20px 30px 80px;
min-height:150px;
}
.corporate-documents-wrapper > div >div >div.blog-classic-divider {
width:0px;
}
#corporate-document-container .key_document .resource-info{
left:-10px;
opacity:0;
}
#corporate-document-container .key_document:hover .resource-info{
left:20px;
opacity:1;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.information-papers-container{
/*max-width:800px;*/
margin:0 auto;
/*margin-bottom: 100px;*/
}
.information-papers-container > div.row > div.fg-col{
margin-bottom: 0px;
padding-bottom: 5px;
padding-top: 5px;
border-bottom: solid 1px grey;
}
.information-papers-container > div.row > div.fg-col:nth-child(1) {
border-top: solid 1px grey;
}
.information-papers-wrapper > div.row > div.col-sm-9 > div.news-v3-content{
padding-top: 10px;
margin-left: 40px;
display: inline-block;
}
.information-papers-wrapper > div.row > div.col-sm-9 > div.news-v3-content > .key-doc-download{
position: absolute;
right: 10px;
bottom: 10px;
cursor:pointer;
}
.information-papers-wrapper > div.row > div.col-sm-9 > div.key-doc-icon{
position: absolute;
left: 20px;
top: 20px;
}
#current-activities-container .key_document{
padding: 30px 0px;
border-top: solid #15bece 8px;
max-height: 220px;
cursor:pointer;
}
#current-activities-container .key_document .resource-info{
left:-10px;
opacity:0;
}
#current-activities-container .key_document:hover .resource-info{
left:25px;
opacity:1;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
#current-activities-container .key_document a {
text-decoration: none;
}
#current-activities-container .key_document:hover{
border-top: solid #003d69 8px;
cursor:pointer;
}
#current-activities-container .key_document:hover div.resource-content-container > h6.news-v10-title.fg-text-dark.ffb-title-2-2{
color: #ffffff;
}
#corporate-documents-container .key_document{
padding: 30px 0px;
border-top: solid #15bece 8px;
max-height: 220px;
cursor:pointer;
}
#corporate-documents-container .key_document:hover{
border-top: solid #003d69 8px;
cursor:pointer;
}
#corporate-documents-container .key_document:hover div.resource-content-container > h6.news-v10-title.fg-text-dark.ffb-title-2-2{
color: #ffffff;
}
.key_document:hover .action-button a{
color: #ffffff;
}
.key_document:hover .resource-info{
color: #ffffff;
display:block;
}
.key_document:hover .resource-size{
display:none;
}
.key_document .resource-icon{
display:table-cell;
}
.key_document .action-icon.resource-icon {
display:block;
}
.key_document:hover .icon-download{
background-image: url('/wp-content/themes/nwmphn/assets/img/icons/icon-download-rev.svg');
}
.key_document:hover .icon-play{
background-image: url('/wp-content/themes/nwmphn/assets/img/icons/icon-play-rev.svg');
}
.key_document:hover .icon-visit{
background-image: url('/wp-content/themes/nwmphn/assets/img/icons/icon-visit-rev.svg');
}
#information-papers-container .key_document .action-icon.resource-icon {
display: inline-block;
}
#information-papers-container .resource-icon-desc{
height: 28px;
line-height: 28px;
}
#information-papers-container .key_document:hover{
background:none;
}
#information-papers-container .action-button a{
color: #003d69;;
}
#information-papers-container .key_document{
border-top:solid 1px #dcdcdc;
border-bottom:solid 1px #dcdcdc;
height:100%;
padding:0px;
}
#information-papers-container .resource-info{
display:block;
}
#information-papers-container .key_document:hover .resource-size{
display:block;
}
#information-papers-container .resource-content-container {
/* padding: 0px 20px 20px 20px; */
min-height: 60px;
border-bottom: 0px;
padding: 20px 0;
}
#information-papers-container .resource-content-container h6 {
/* padding: 0px 20px 20px 20px; */
min-height: 50px;
border-bottom: 0px;
}
#information-papers-container .resource-content-container span {
margin-left:8px;
}
#information-papers-container .resource-download-wrapper{
padding: 0px;
text-align:center;
background:#f2f2f2;
/*height: 100%;*/
display: table; height: 133px; position: relative; overflow: hidden;
}
#information-papers-container .key_document:hover .resource-download-wrapper{
background: #003d69;
color:#ffffff;
cursor:pointer;
}
#information-papers-container .key_document .resource-download-wrapper i{
font-size:24px;
}
#information-papers-container .key_document .resource-download-wrapper span{
opacity:0;
font-size:16px;
}
#information-papers-container .key_document:hover .resource-download-wrapper span{
opacity:1;
}
#information-papers-container .key_document:hover .resource-download-wrapper-inner{
cursor:pointer;
}
#information-papers-container .key_document .resource-download-wrapper-inner{
display: table-cell;
vertical-align: middle;
}
#information-papers-container .key_document .resource-download-wrapper-inner a{
text-decoration: none
}
#information-papers-container .key_document:hover h6{
color: #16bdce;
}
#information-papers-container .key_document:hover .resource-download-wrapper a{
color:#ffffff;
cursor:pointer;
}
/*------------------end of key documents custom css -------------------*/
/*------------------start of news custom css---------------------------*/
.news-v3.nwmphn-news-wrapper > div.news-v3-content {
text-align: left;
}
.news .ico-date {
width:100%;
height: 20px;
display: table-cell;
padding-left: 25px;
padding-top: 1px;
font-weight: normal;
}
/*-------------------end of news custom css ---------------------------*/
/*-------------------start of single news css--------------------------*/
.single-news .sidebar-title{
border-bottom: 1px solid #ebeef6;
margin-bottom:20px;
}
/*
.single-news ul li a{
font-size: 18px;
line-height: 24px;
padding-top: 16px !important;
padding-bottom: 16px !important;
}*/
/*-------------------end of single news css----------------------------*/
/*-------------------start of search result css -----------------------*/
#searchResultContainer .blog-grid .blog-grid-content{
padding:20px;
}
/*-------------------end of search result css--------------------------*/
/*-------------------start of magazine newsletter css------------------*/
#current-activities-container .resource{
padding: 30px 0px;
border-top: solid #15bece 8px;
max-height: 220px;
cursor:pointer;
}
#current-activities-container .resource:hover{
border-top: solid #003d69 8px;
cursor:pointer;
}
#current-activities-container .resource:hover div.resource-content-container > h6.news-v10-title.fg-text-dark.ffb-title-2-2{
color: #ffffff;
}
/*--------------------end of magazine newsletter css-------------------*/
/*-------------------start of NWMPHN news custom css ------------------*/
.news-img-wrapper{
width: 100%;
min-height: 280px;
height: 100%;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
position:relative;
}
.sliderNewsEvent .news-information-wrapper{
height:180px;
padding:20px;
text-align:left !important;
position:relative;
}
.sliderNewsEvent .news-information-wrapper:hover{
text-align:left !important;
}
.sliderNewsEvent .news-information-wrapper > div{
text-align:left !important;
}
.sliderNewsEvent .news-information-wrapper .news-information-title{
width: 100%;
height: 100px;
font-family: museo-sans, sans-serif;
font-size: 20px;
font-weight:900;
line-height: 1.4;
color: #4a4a4a;
margin-bottom: 20px;
}
.sliderNewsEvent .news-information-wrapper .news-information-meta{
font-size: 15px;
font-weight:500;
display:table;
}
.sliderNewsEvent .news-information-wrapper .news-information-meta .ico-date{
display:table-cell;
}
.cbp-item-wrapper > .nwmphn_news{
height:100%;
}
.sliderNewsEvent .priority-area-heading{
text-transform: uppercase;
font-family: museo-sans, sans-serif;
font-size: 12px;
letter-spacing: 0.5px;
font-weight: 900;
color: #ffffff;
line-height: 16px;
padding: 0px 20px;
padding-right: 60px;
text-align: left !important;
height: 60px;
display: table;
width: 100%;
}
.sliderNewsEvent .priority-area-heading > div{
display: table-cell;
vertical-align:middle;
text-align:left !important;
}
.sliderNewsEvent .priority-area-heading:hover{
text-align:left !important;
}
.sliderNewsEvent .cbp-item:hover .news-img-wrapper{
background-size: 120%;
background-blend-mode: luminosity;
-moz-transition: background-size 0.3s ease;
-webkit-transition: background-size 0.3s ease;
transition: background-size 0.3s ease;
}
.sliderNewsEvent .cbp-item:hover .news-img-wrapper-cover{
content:' ';
position:absolute;
z-index:1;
top:0px;
bottom:0px;
left:0px;
right:0px;
display:block;
opacity:0.7;
transition: opacity .25s ease-in-out;
-moz-transition: opacity .25s ease-in-out;
-webkit-transition: opacity .25s ease-in-out;
}
.sliderNewsEvent .cbp-item:hover .news-information-title-overlay{
opacity:1;
}
.sliderNewsEvent .news-information-title-overlay{
position: absolute;
z-index: 2;
height: 280px;
width: 100%;
display: table;
opacity:0;
padding: 0 50px;
}
.sliderNewsEvent .news-information-title-overlay > div{
font-family: museo-sans, sans-serif;
font-weight:900;
font-size: 24px;
line-height: 1.33;
display: table-cell;
vertical-align: middle;
color: #ffffff;
}
.sliderNewsEvent .news-information-button-wrapper{
position: absolute;
display: table;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
z-index: 1;
opacity:0;
}
.sliderNewsEvent .news-information-button-wrapper > div {
display: table-cell;
vertical-align: middle;
}
.sliderNewsEvent .cbp-item:hover .news-information-button-wrapper{
opacity:1;
}
.sliderNewsEvent .news-information-button-wrapper > div > .ico-read-more {
display:block;
font-family: museo-sans, sans-serif;
font-weight:900;
font-size: 20px;
width: 160px;
}
.sliderNewsEvent .cbp-item:hover .bg-p-1:before,
.sliderNewsEvent .cbp-item:hover .bg-p-2:before,
.sliderNewsEvent .cbp-item:hover .bg-p-3:before,
.sliderNewsEvent .cbp-item:hover .bg-p-4:before,
.sliderNewsEvent .cbp-item:hover .bg-p-5:before,
.sliderNewsEvent .cbp-item:hover .bg-p-6:before,
.sliderNewsEvent .cbp-item:hover .bg-p-7:before,
.sliderNewsEvent .cbp-item:hover .bg-p-8:before
{
opacity: 0.08;
background-size:100%;
transition: background-size 0.75s ease-in-out;
-moz-transition: background-size 0.75s ease-in-out;
-webkit-transition: background-size 0.75s ease-in-out;
}
.sliderNewsEvent .cbp-item:hover .bg-p-1:after,
.sliderNewsEvent .cbp-item:hover .bg-p-2:after,
.sliderNewsEvent .cbp-item:hover .bg-p-3:after,
.sliderNewsEvent .cbp-item:hover .bg-p-4:after,
.sliderNewsEvent .cbp-item:hover .bg-p-5:after,
.sliderNewsEvent .cbp-item:hover .bg-p-6:after,
.sliderNewsEvent .cbp-item:hover .bg-p-7:after,
.sliderNewsEvent .cbp-item:hover .bg-p-8:after
{
opacity: 0;
background-size:100%;
transition: background-size 0.75s ease-in-out;
-moz-transition: background-size 0.75s ease-in-out;
-webkit-transition: background-size 0.75s ease-in-out;
}
.sliderNewsEvent .cbp-item:hover .news-information-meta, .sliderNewsEvent .cbp-item:hover .news-information-title{
display:none;
}
.cbp-item-nwmphn-news{
/*height: 300px;*/
/*height:298px;*/
height:395px;
/*margin-bottom:2px;*/
}
.cbp-item-nwmphn-news .cbp-l-caption-body{
padding-top: 10px !important;
padding-bottom: 10px;
padding-left: 10px;
padding-right: 10px;
}
.cbp-item-nwmphn-news .cbp-item-title {
font-family:museo-sans, sans-serif;
font-weight:900;
font-size: 16px;
color: #4a4a4a;
text-align:left;
}
.cbp-item-nwmphn-news .cbp-item-title.active {
color: #ffffff;
width:100%;
max-width: 100%;
text-align: center;
margin: auto;
}
.cbp-item-nwmphn-news .post-info{
position: absolute;
bottom: 10px;
left: 10px;
color:#4a4a4a;
}
.news-img-wrapper > .ico-expand {
bottom: 20px;
left: 20px;
position: absolute;
}
.cbp-caption-activeWrap .post-info{
width: 90%;
text-align: center;
color: #ffffff;
}
/*special position for featured post*/
.featured-cbp-item-news .cbp-caption-activeWrap .post-info{
width: 100%;
text-align: center;
color: #ffffff;
}
.featured-cbp-item-news{
/*height: 607px;*/
height:800px;
}
.featured-cbp-item-news .cbp-item-title {
font-weight:900;
font-size: 24px;
}
.featured-cbp-item-news .ico-read-more{
margin: 30px auto;
}
.nwmphn-news-info-wrapper{
position: absolute;
bottom: 0;
height: 30%;
left: 0;
right: 0;
text-align: center;
background: #ffffff;
}
.nwmphn-news-img-wrapper > .ico-expand{
bottom: 20px;
left:20px;
position:absolute;
}
.cbp-caption-zoom .cbp-caption-activeWrap {
opacity: 0;
top: 0;
height: 75%;
-webkit-transition: opacity 0.8s cubic-bezier(0.19, 1, 0.22, 1);
transition: opacity 0.8s cubic-bezier(0.19, 1, 0.22, 1);
}
.cbp-item-nwmphn-news:hover img{
-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
filter: grayscale(100%);
}
.cbp-item-nwmphn-news:hover .ico-expand{
display:none;
}
.cbp-item-nwmphn-news:hover .ico-read-more{
display:block;
}
.cbp-item-wrapper > .nwmphn_news{
height:100%;
}
.cbp-item-nwmphn-news:hover .cbp-caption-defaultWrap .cbp-item-title{
opacity: 0;
transition: opacity .25s ease-in-out;
-moz-transition: opacity .25s ease-in-out;
-webkit-transition: opacity .25s ease-in-out;
}
.nwmphn-news-img-wrapper{
width:100%;
background-color:#aaa;
height:70%;
max-height:500px;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
position: relative;
/*pushing background down so that the category can be shown*/
background-position: 0px 40px;
}
.cbp-item-nwmphn-news:hover .nwmphn-news-img-wrapper{
-moz-filter: url("data:image/svg+xml;utf8,#grayscale");
-o-filter: url("data:image/svg+xml;utf8,#grayscale");
-webkit-filter: grayscale(100%);
filter: gray;
filter: url("data:image/svg+xml;utf8,#grayscale");
}
.cbp div.cbp-item.cbp-item-nwmphn-news{
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
}
.cbp-item-category{
font-size:13px;
color: #ffffff;
font-family:museo-sans, sans-serif;
font-weight:900;
padding: 12px 15px;
text-transform:uppercase;
}
/*uncategorized*/
.cbp-item-category.color-p-0{
background-color:rgba(55,55,55,1);
}
/*Aboriginal and Torres Strait Islander Health*/ /*#003D69*/
.cbp-item-category.color-p-1{
background-color:rgba(0,61,105,1);
}
/*Alcohol and other drugs*/ /*#15BECE*/
.cbp-item-category.color-p-2{
background-color:rgba(21,190,206,1);
}
/*Comorbid Chronic Disease*/ /*#00B27C*/
.cbp-item-category.color-p-3{
background-color:rgba(0,178,124,1);
}
/*Children and Families*/ /*#1C727E*/
.cbp-item-category.color-p-4{
background-color:rgba(28,114,126,1);
}
/*Mental Health*/ /*#7868A7*/
.cbp-item-category.color-p-5{
background-color:rgba(120,104,167,1);
}
/*Priority Population*/ /*#963872*/
.cbp-item-category.color-p-6{
background-color:rgba(150,56,114,1);
}
/*suicide prevention*/ /*#D59F1B*/
.cbp-item-category.color-p-7{
background-color:rgba(213,159,27,1);
}
/*workforce support*/ /*#E18F4A*/
.cbp-item-category.color-p-8{
background-color:rgba(225,143,74,1);
}
/*Aboriginal and Torres Strait Islander Health*/ /*#003D69*/
.color-p-0{
background-color:rgba(55,55,55,1);
}
.color-p-1{
background-color:rgba(0,61,105,1);
}
/*Alcohol and other drugs*/ /*#15BECE*/
.color-p-2{
background-color:rgba(21,190,206,1);
}
/*Comorbid Chronic Disease*/ /*#00B27C*/
.color-p-3{
background-color:rgba(0,178,124,1);
}
/*Children and Families*/ /*#1C727E*/
.color-p-4{
background-color:rgba(28,114,126,1);
}
/*Mental Health*/ /*#7868A7*/
.color-p-5{
background-color:rgba(120,104,167,1);
}
/*Priority Population*/ /*#963872*/
.color-p-6{
background-color:rgba(150,56,114,1);
}
/*suicide prevention*/ /*#D59F1B*/
.color-p-7{
background-color:rgba(213,159,27,1);
}
/*workforce support*/ /*#E18F4A*/
.color-p-8{
background-color:rgba(225,143,74,1);
}
.bg-placeholder{
background-position:center center;
background-size:contain;
position:relative;
}
.bg-p-1{
background: #003D69;
}
/*Alcohol and other drugs*/ /*#15BECE*/
.bg-p-2{
background: #15BECE;
}
/*Comorbid Chronic Disease*/ /*#00B27C*/
.bg-p-3{
background: #00B27C;
}
/*Children and Families*/ /*#1C727E*/
.bg-p-4{
background: #1C727E;
}
/*Mental Health*/ /*#7868A7*/
.bg-p-5{
background: #7868A7;
}
/*Priority Population*/ /*#963872*/
.bg-p-6{
background: #963872;
}
/*suicide prevention*/ /*#D59F1B*/
.bg-p-7{
background: #D59F1B;
}
/*workforce support*/ /*#E18F4A*/
.bg-p-8{
background: #E18F4A;
}
.bg-p-1:after{
background: url('/wp-content/themes/nwmphn/assets/img/icons/icon-priority-aboriginal-health.svg') no-repeat;
content: '';
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
background-position: center;
opacity: 0.5;
background-size:60%;
z-index:0;
}
.bg-p-2:after{
background: url('/wp-content/themes/nwmphn/assets/img/icons/icon-priority-alcohol-drugs.svg') no-repeat;
content: '';
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
background-position: center;
opacity: 0.5;
background-size:60%;
z-index:0;
}
.bg-p-3:after{
background: url('/wp-content/themes/nwmphn/assets/img/icons/icon-priority-chronic-conditions.svg') no-repeat;
content: '';
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
background-position: center;
opacity: 0.5;
background-size:60%;
z-index:0;
}
.bg-p-4:after{
background: url('/wp-content/themes/nwmphn/assets/img/icons/icon-priority-children-families.svg') no-repeat;
content: '';
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
background-position: center;
opacity: 0.5;
background-size:60%;
z-index:0;
}
.bg-p-5:after{
background: url('/wp-content/themes/nwmphn/assets/img/icons/icon-priority-mental-health.svg') no-repeat;
content: '';
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
background-position: center;
opacity: 0.5;
background-size:60%;
z-index:0;
}
.bg-p-6:after{
background: url('/wp-content/themes/nwmphn/assets/img/icons/icon-priority-populations.svg') no-repeat;
content: '';
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
background-position: center;
opacity: 0.5;
background-size:60%;
z-index:0;
}
.bg-p-7:after{
background: url('/wp-content/themes/nwmphn/assets/img/icons/icon-priority-suicide-prevention.svg') no-repeat;
content: '';
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
background-position: center;
opacity: 0.5;
background-size:60%;
z-index:0;
}
.bg-p-8:after{
background: url('/wp-content/themes/nwmphn/assets/img/icons/icon-priority-health-systems.svg') no-repeat;
content: '';
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
background-position: center;
opacity: 0.5;
background-size:60%;
z-index:0;
}
.bg-p-1:before{
background: url('/wp-content/themes/nwmphn/assets/img/icons/icon-priority-aboriginal-health-dark.svg') no-repeat;
content: '';
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
background-position: center;
opacity: 0;
background-size:60%;
z-index:0;
}
.bg-p-2:before{
background: url('/wp-content/themes/nwmphn/assets/img/icons/icon-priority-alcohol-drugs-dark.svg') no-repeat;
content: '';
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
background-position: center;
opacity: 0;
background-size:60%;
z-index:0;
}
.bg-p-3:before{
background: url('/wp-content/themes/nwmphn/assets/img/icons/icon-priority-chronic-conditions-dark.svg') no-repeat;
content: '';
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
background-position: center;
opacity: 0;
background-size:60%;
z-index:0;
}
.bg-p-4:before{
background: url('/wp-content/themes/nwmphn/assets/img/icons/icon-priority-children-families-dark.svg') no-repeat;
content: '';
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
background-position: center;
opacity: 0;
background-size:60%;
z-index:0;
}
.bg-p-5:before{
background: url('/wp-content/themes/nwmphn/assets/img/icons/icon-priority-mental-health-dark.svg') no-repeat;
content: '';
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
background-position: center;
opacity: 0;
background-size:60%;
z-index:0;
}
.bg-p-6:before{
background: url('/wp-content/themes/nwmphn/assets/img/icons/icon-priority-populations-dark.svg') no-repeat;
content: '';
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
background-position: center;
opacity: 0;
background-size:60%;
z-index:0;
}
.bg-p-7:before{
background: url('/wp-content/themes/nwmphn/assets/img/icons/icon-priority-suicide-prevention-dark.svg') no-repeat;
content: '';
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
background-position: center;
opacity: 0;
background-size:60%;
z-index:0;
}
.bg-p-8:before{
background: url('/wp-content/themes/nwmphn/assets/img/icons/icon-priority-health-systems-dark.svg') no-repeat;
content: '';
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
background-position: center;
opacity: 0;
background-size:60%;
z-index:0;
}
/*#nwmphnNewsMain .cbp-caption:hover .cbp-caption-activeWrap {*/
/*opacity: 0;
top: 0;*/
/*height: 75%;*/
/*-webkit-transition: opacity 0.8s cubic-bezier(0.19, 1, 0.22, 1);
transition: opacity 0.8s cubic-bezier(0.19, 1, 0.22, 1);
display: table;*/
/*}*/
/*
#nwmphnNewsMain .cbp-caption:hover .cbp-caption-defaultWrap {
-webkit-transform: scale(1) !important;
transform: scale(1) !important;
}*/
/*
.cbp-item-news:hover img{
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}
.cbp-item-news:hover .ico-expand{
display:none;
}*/
/* prevent scaling on hover of entire element of activity*/
.cbp-item-nwmphn-news{
/*height: 300px;*/
/*height:468px;*/
/*margin-bottom:2px;*/
/*height:418px;*/
height:359px;
}
.cbp-item-nwmphn-news .cbp-item-title {
font-family:museo-sans, sans-serif;
font-weight:900;
font-size: 16px;
color: #4a4a4a;
}
.cbp-item-nwmphn-news .cbp-item-title.active {
color: #ffffff;
width: 100%;
max-width: 100%;
text-align: center;
margin: auto;
display: table-cell;
vertical-align: middle;
padding: 0 20px;
}
#nwmphnNewsMain .featured-cbp-item-nwmphn-news{
height: 727px;
/*height: 453px;*/
/*height: 587px;*/
}
@media (max-width: 991px){
#nwmphnNewsMain .featured-cbp-item-nwmphn-news{
height: 359px;
}
}
#nwmphnNewsMain .featured-cbp-item-nwmphn-news-secondary{
/*height: 727px;*/
/*height: 453px;*/
/*&height: 587px;*/
}
#nwmphnNewsMain .featured-cbp-item-nwmphn-news-secondary .nwmphn-news-img-container{
/*height: calc(100% - 284px);*/
}
.featured-cbp-item-nwmphn-news .cbp-item-title {
font-weight:900;
font-size: 24px;
}
.featured-cbp-item-nwmphn-news .ico-read-more{
margin: 30px auto;
}
.cbp-item-inner{
width:100%;
}
.news-info-wrapper{
position: absolute;
bottom: 0;
/*height: 30%;*/
/*height:33%;*/
height:40%;
left: 0;
right: 0;
text-align: center;
background: #ffffff;
}
#nwmphnNewsMain .cbp-item-nwmphn-news .cbp-caption:hover .cbp-caption-defaultWrap{
-webkit-transform: scale(1);
transform: scale(1);
}
#nwmphnNewsMain .nwmphn-news-img-container .cbp-caption-activeWrap {
height: 60%;
}
.cbp-item-nwmphn-news .read-more-btn-container{
position: absolute;
display: table;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
z-index: 1;
opacity: 0;
}
.cbp-item-nwmphn-news .read-more-btn{
display: table-cell;
vertical-align: middle;
}
.cbp-item-nwmphn-news .ico-read-more {
display: block;
font-family: museo-sans, sans-serif;
font-weight: 900;
font-size: 20px;
width: 160px;
}
.cbp-item-nwmphn-news:hover .read-more-btn-container{
opacity:1;
}
.cbp-item-wrapper > .news{
height:100%;
}
.cbp-item-nwmphn-news:hover .cbp-caption-defaultWrap .cbp-item-title{
opacity: 0;
transition: opacity .25s ease-in-out;
-moz-transition: opacity .25s ease-in-out;
-webkit-transition: opacity .25s ease-in-out;
}
.cbp-item-nwmphn-news:hover .nwmphn-news-img-container .cbp-item-title.active{
opacity: 1;
transition: opacity .25s ease-in-out;
-moz-transition: opacity .25s ease-in-out;
-webkit-transition: opacity .25s ease-in-out;
}
#nwmphnNewsMain .cbp-item-nwmphn-news .cbp-l-caption-body{
/*position: absolute;
display: table;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
z-index: 1;
padding: 0px 20px;*/
position: absolute;
display: table;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
z-index: 1;
padding: 0 20px;
}
#nwmphnNewsMain .priority-area-heading{
text-transform: uppercase;
font-family: museo-sans, sans-serif;
font-size: 12px;
letter-spacing: 0.5px;
font-weight: 900;
color: #ffffff;
line-height: 16px;
padding: 0px 20px;
padding-right: 60px;
text-align: left !important;
height: 50px;
display: table;
width: 100%;
}
#nwmphnNewsMain .priority-area-heading > div{
display: table-cell;
vertical-align: middle;
text-align: left !important;
}
#nwmphnNewsMain .cbp-item-nwmphn-news .cbp-l-caption-body .cbp-item-title{
display: table-cell;
vertical-align: top;
padding-top:10px;
}
#nwmphnNewsMain .nwmphn-news-img-container{
position:relative;
/*height: calc(100% - 60px);*/
height: calc(100% - 46px);
overflow: hidden;
}
#nwmphnNewsMain .cbp-item-nwmphn-news .post-info{
left: 20px;
bottom: 20px;
display:table;
}
.cbp-item-nwmphn-news:hover .cbp-caption-defaultWrap .post-info{
opacity: 0;
transition: opacity .25s ease-in-out;
-moz-transition: opacity .25s ease-in-out;
-webkit-transition: opacity .25s ease-in-out;
}
#nwmphnNewsMain .cbp-item-nwmphn-news .post-info .ico-date{
width:inherit;
}
#nwmphnNewsMain .nwmphn-news-img-wrapper{
width:100%;
/*height:67%;*/
height:60%;
max-height:600px;
/*background-size: 100%;*/
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
position: relative;
}
#nwmphnNewsMain .cbp-item-nwmphn-news:hover .nwmphn-news-img-wrapper {
/*background-size:120%;*/
transform: scale(1.2);
/*transition: background-size .25s ease-in-out;
-moz-transition: background-size .25s ease-in-out;
-webkit-transition: background-size .25s ease-in-out;*/
transition: all .25s ease-in-out;
-moz-transition: all .25s ease-in-out;
-webkit-transition: all .25s ease-in-out;
}
.cbp-item-nwmphn-news:hover .nwmphn-news-img-wrapper.has-featured{
background-color:#aaa;
transform: scale(1);
-moz-filter: url("data:image/svg+xml;utf8,#grayscale");
-o-filter: url("data:image/svg+xml;utf8,#grayscale");
-webkit-filter: grayscale(100%);
filter: gray;
/*filter: url("data:image/svg+xml;utf8,#grayscale");*/
}
#nwmphnNewsMain .cbp-caption-activeWrap.transparent-cover{
background:none;
}
#nwmphnNewsMain .cbp-item .bg-p-1:before,
#nwmphnNewsMain .cbp-item .bg-p-2:before,
#nwmphnNewsMain .cbp-item .bg-p-3:before,
#nwmphnNewsMain .cbp-item .bg-p-4:before,
#nwmphnNewsMain .cbp-item .bg-p-5:before,
#nwmphnNewsMain .cbp-item .bg-p-6:before,
#nwmphnNewsMain .cbp-item .bg-p-7:before,
#nwmphnNewsMain .cbp-item .bg-p-8:before
{
background-size:40%;
}
#nwmphnNewsMain .cbp-item .bg-p-1:after,
#nwmphnNewsMain .cbp-item .bg-p-2:after,
#nwmphnNewsMain .cbp-item .bg-p-3:after,
#nwmphnNewsMain .cbp-item .bg-p-4:after,
#nwmphnNewsMain .cbp-item .bg-p-5:after,
#nwmphnNewsMain .cbp-item .bg-p-6:after,
#nwmphnNewsMain .cbp-item .bg-p-7:after,
#nwmphnNewsMain .cbp-item .bg-p-8:after
{
background-size:40%;
}
#nwmphnNewsMain .cbp-item:hover .bg-p-1:before,
#nwmphnNewsMain .cbp-item:hover .bg-p-2:before,
#nwmphnNewsMain .cbp-item:hover .bg-p-3:before,
#nwmphnNewsMain .cbp-item:hover .bg-p-4:before,
#nwmphnNewsMain .cbp-item:hover .bg-p-5:before,
#nwmphnNewsMain .cbp-item:hover .bg-p-6:before,
#nwmphnNewsMain .cbp-item:hover .bg-p-7:before,
#nwmphnNewsMain .cbp-item:hover .bg-p-8:before
{
opacity: 0.08;
background-size:100%;
transition: background-size .75s ease-in-out;
-moz-transition: background-size .75s ease-in-out;
-webkit-transition: background-size .75s ease-in-out;
}
#nwmphnNewsMain .cbp-item:hover .bg-p-1:after,
#nwmphnNewsMain .cbp-item:hover .bg-p-2:after,
#nwmphnNewsMain .cbp-item:hover .bg-p-3:after,
#nwmphnNewsMain .cbp-item:hover .bg-p-4:after,
#nwmphnNewsMain .cbp-item:hover .bg-p-5:after,
#nwmphnNewsMain .cbp-item:hover .bg-p-6:after,
#nwmphnNewsMain .cbp-item:hover .bg-p-7:after,
#nwmphnNewsMain .cbp-item:hover .bg-p-8:after
{
opacity: 0;
background-size:100%;
transition: background-size .75s ease-in-out;
-moz-transition: background-size .75s ease-in-out;
-webkit-transition: background-size .75s ease-in-out;
}
.cbp div.cbp-item.cbp-item-nwmphn-news{
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
}
/*-------------------end of NWMPHN news custom CSS --------------------*/
/*------------------start of NWMPHN event widget custom css -----------*/
/*----------------end of NWMPHN event widget custom css --------------*/
#sliderHomeNews .cbp-item-wrapper {
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
}
#sliderHomeNews .news-information-title{
margin-bottom:0px;
}
#sliderHomeNews .news-information-wrapper .news-information-meta .ico-date{
height: 20px;
width: 100%;
text-align: left !important;
padding-left: 22px;
display: block;
}
#sliderHomeNews .news-information-wrapper .news-information-meta .news-information-author{
text-align:left !important;
}
@media (max-width: 991px){
#sliderHomeNews .news-information-title{
font-size:16px;
line-height:22px;
}
#sliderHomeNews .news-information-meta{
font-size:15px;
line-height:20px;
}
}
@media (max-width: 767px){
#sliderHomeNews .news-information-title{
font-size:15px;
line-height:20px;
}
#sliderHomeNews .news-information-meta{
font-size:13px;
line-height:20px;
}
}
/*
#sliderHomeEvents.sliderNewsEvent .cbp-inner-wrapper{
border-top: solid 8px #15bece;
height:370px;
padding: 30px;
position:relative;
text-align: left !important;
}
#sliderHomeEvents.sliderNewsEvent .cbp-item-event:hover .cbp-inner-wrapper{
border-top: solid 8px #003d69;
background: #003d69;
color: #ffffff;
}
#sliderHomeEvents.sliderNewsEvent .cbp-item-wrapper .date-container{
display:table;
font-size:18px;
font-weight:900;
}
#sliderHomeEvents.sliderNewsEvent .cbp-item-event .date-container .ico-date{
display:table-cell;
width: 22px;
height: 22px;
background-size: contain;
}
#sliderHomeEvents.sliderNewsEvent .cbp-item-event:hover .date-container .ico-date{
background: url('/wp-content/themes/nwmphn/assets/img/icons/icon-date-dark.svg') no-repeat;
width: 22px;
height: 22px;
background-size: contain;
}
#sliderHomeEvents.sliderNewsEvent .cbp-item-event:hover .date-container{
color: #ffffff;
}
#sliderHomeEvents.sliderNewsEvent .cbp-item-event .title-container {
margin-top:20px;
font-family:museo-sans, sans-serif;
font-weight:900;
font-size: 24px;
line-height: 1.33;
text-align:left !important;
}
#sliderHomeEvents.sliderNewsEvent .cbp-item-event:hover .title-container {
color: #ffffff;
}
#sliderHomeEvents.sliderNewsEvent .cbp-item-event .event-meta-information{
height: 90px;
background: #ffffff;
position: absolute;
bottom: 0px;
width: 100%;
left: 0px;
color: #4a4a4a;
padding: 20px 30px;
font-size: 16px;
line-height:1.5;
text-align: left !important;
z-index:1;
}
#sliderHomeEvents.sliderNewsEvent .cbp-item-event{
cursor:pointer;
}
#sliderHomeEvents.sliderNewsEvent .cbp-item-event .event-information-button-wrapper{
height: 90px;
background: #ffffff;
position: absolute;
bottom: 0px;
width: 100%;
left: 0px;
color: #4a4a4a;
padding: 15px 30px;
font-size: 16px;
line-height:1.5;
text-align: left !important;
z-index:2;
opacity:0;
}
#sliderHomeEvents.sliderNewsEvent .cbp-item-event:hover .event-information-button-wrapper{
opacity:1;
transition: opacity .25s ease-in-out;
-moz-transition: opacity .25s ease-in-out;
-webkit-transition: opacity .25s ease-in-out;
}
#sliderHomeEvents.sliderNewsEvent .cbp-item-event:hover .event-information-button-wrapper .ico-read-more{
display: block;
width: 135px;
margin: 10px auto;
font-family:museo-sans, sans-serif;
font-weight: 700;
font-size: 20px;
color: #003d69;
width: 160px;
}*/
#sliderHomeEvents{
width:100%;
min-height:395px;
margin-top:60px;
}
#sliderHomeEvents .cbp-item{
height:395px;
}
#sliderHomeEvents .event{
border-top:solid 8px #15BECE;
padding:20px;
width:100%;
height:100%;
}
#sliderHomeEvents .cbp-item:hover .event{
border-top:solid 8px #003e6a;
}
#sliderHomeEvents .cbp-item .event{
background: #ffffff;
}
#sliderHomeEvents .cbp-item .event-title-container{
/*min-height: 150px;*/
min-height: 80px;
}
#sliderHomeEvents .cbp-item .event-time{
font-family:museo-sans, sans-serif;
font-weight:900;
font-size: 18px;
color:#4A4A4A;
display:table;
vertical-align:middle;
}
#sliderHomeEvents .cbp-item .event-time .ico-date{
display:table-cell;
background-position: center top 2px;
}
#sliderHomeEvents .cbp-item:hover .event-time .ico-date{
background: url('/wp-content/themes/nwmphn/assets/img/icons/icon-date-dark.svg') no-repeat;
background-position: center top 2px;
}
#sliderHomeEvents .cbp-item .event-title-container > h2 > span{
font-family:museo-sans, sans-serif;
font-weight:900;
font-size: 24px;
color:#4A4A4A;
padding-top:20px;
}
#sliderHomeEvents .cbp-item .event-info{
font-family:museo-sans, sans-serif;
font-size: 16px;
color:#4A4A4A;
line-height: 28px;
}
#sliderHomeEvents .cbp-item .event-spanner{
height:80px;
}
#sliderHomeEvents .cbp-item .event-info .info-value{
font-weight:bold;
}
#sliderHomeEvents .cbp-item:hover .event-title-container > h2 > span{
color:#ffffff;
}
#sliderHomeEvents .cbp-item:hover .event-time{
color:#ffffff;
}
#sliderHomeEvents .cbp-item:hover .event-info{
color:#ffffff;
}
#sliderHomeEvents .cbp-item .event-button-container{
position: absolute;
z-index: 2;
height: 90px;
background: #ffffff;
width: 100%;
bottom: 0px;
left: 0;
text-align: center;
opacity:0;
}
#sliderHomeEvents .cbp-item:hover .event-button-container{
opacity:1;
}
#sliderHomeEvents .cbp-item .event-audience-container{
position: absolute;
color: #ffffff;
z-index: 2;
height: 90px;
background: #003e6a;
width: 100%;
bottom: 0px;
left: 0;
text-align: center;
opacity:1;
display:table;
}
#sliderHomeEvents .cbp-item:hover .event {
background: #003e6a;
}
#sliderHomeEvents .cbp-item:hover .event-audience-container{
opacity:0;
}
#sliderHomeEvents .cbp-item .event-audience-container > div{
display:table-cell;
vertical-align:middle;
font-size:16px;
padding: 0px 20px;
}
#sliderHomeEvents .cbp-item:hover .event-button-container .ico-read-more{
display: block;
margin: 25px auto;
font-size: 20px;
width: 160px;
}
#sliderHomeEvents .cbp-item .event-title-container {
min-height: 150px;
padding-top: 20px;
font-family: museo-sans, sans-serif;
font-weight: 900;
font-size: 24px;
color: #4A4A4A;
padding-top: 20px;
line-height: 1.33;
text-align: left !important;
}
#sliderHomeEvents .cbp-item:hover .event-title-container {
color: #ffffff;
}
#sliderHomeEvents .cbp-item .event-info {
text-align: left !important;
}
#sliderHomeEvents h2{
margin-top:0px;
}
/*-------------------start of careeer custom css ----------------------*/
.short-button{
max-width:150px;
padding:12px 15px;
}
.career-content{
margin-right: 40px;
margin-top:20px;
display:none;
}
.plus-expand-button{
cursor:pointer;
}
.title-expand-button{
cursor:pointer;
}
.career .ico-more{
float:right;
}
.career div.center-content-hor-align-sm.text-right.sm-text-center{
vertical-align: top;
}
.career-content .button-download-position-desc{
background-image: url(/wp-content/themes/nwmphn/assets/img/icons/icon-download-pos.svg);
height: 28px;
display:inline-block;
background-size: 20px 20px;
background-position: left center;
background-repeat: no-repeat;
padding-left:24px;
line-height:28px;
width:auto;
}
.career-content .button-download-position-desc:hover{
text-decoration:underline;
}
/*-------------------end of career custom css -------------------------*/
/*-------------------commissioned activity page-------------------------*/
#commisionedActivitiesMain .cbp-item .bg-p-1:before,
#commisionedActivitiesMain .cbp-item .bg-p-2:before,
#commisionedActivitiesMain .cbp-item .bg-p-3:before,
#commisionedActivitiesMain .cbp-item .bg-p-4:before,
#commisionedActivitiesMain .cbp-item .bg-p-5:before,
#commisionedActivitiesMain .cbp-item .bg-p-6:before,
#commisionedActivitiesMain .cbp-item .bg-p-7:before,
#commisionedActivitiesMain .cbp-item .bg-p-8:before
{
background-size:40%;
}
#commisionedActivitiesMain .cbp-item .bg-p-1:after,
#commisionedActivitiesMain .cbp-item .bg-p-2:after,
#commisionedActivitiesMain .cbp-item .bg-p-3:after,
#commisionedActivitiesMain .cbp-item .bg-p-4:after,
#commisionedActivitiesMain .cbp-item .bg-p-5:after,
#commisionedActivitiesMain .cbp-item .bg-p-6:after,
#commisionedActivitiesMain .cbp-item .bg-p-7:after,
#commisionedActivitiesMain .cbp-item .bg-p-8:after
{
background-size:40%;
}
#commisionedActivitiesMain .cbp-item:hover .bg-p-1:before,
#commisionedActivitiesMain .cbp-item:hover .bg-p-2:before,
#commisionedActivitiesMain .cbp-item:hover .bg-p-3:before,
#commisionedActivitiesMain .cbp-item:hover .bg-p-4:before,
#commisionedActivitiesMain .cbp-item:hover .bg-p-5:before,
#commisionedActivitiesMain .cbp-item:hover .bg-p-6:before,
#commisionedActivitiesMain .cbp-item:hover .bg-p-7:before,
#commisionedActivitiesMain .cbp-item:hover .bg-p-8:before
{
opacity: 0.08;
background-size:100%;
transition: background-size .25s ease-in-out;
-moz-transition: background-size .25s ease-in-out;
-webkit-transition: background-size .25s ease-in-out;
}
#commisionedActivitiesMain .cbp-item:hover .bg-p-1:after,
#commisionedActivitiesMain .cbp-item:hover .bg-p-2:after,
#commisionedActivitiesMain .cbp-item:hover .bg-p-3:after,
#commisionedActivitiesMain .cbp-item:hover .bg-p-4:after,
#commisionedActivitiesMain .cbp-item:hover .bg-p-5:after,
#commisionedActivitiesMain .cbp-item:hover .bg-p-6:after,
#commisionedActivitiesMain .cbp-item:hover .bg-p-7:after,
#commisionedActivitiesMain .cbp-item:hover .bg-p-8:after
{
opacity: 0;
background-size:100%;
transition: background-size .25s ease-in-out;
-moz-transition: background-size .25s ease-in-out;
-webkit-transition: background-size .25s ease-in-out;
}
/*--- useful link http://www.denondj.com/assets/premium/cubeportfolio/templates/mosaic/js/main.js -----*/
.cbp-item-activity{
/*height: 300px;*/
height:298px;
/*margin-bottom:2px;*/
}
.cbp-item-activity .cbp-item-title {
font-family:museo-sans, sans-serif;
font-weight:900;
font-size: 16px;
color: #4a4a4a;
}
.cbp-item-activity .cbp-item-title.active {
/*color: #ffffff;
width:100%;
max-width: 100%;
max-height: 100px;
text-align: center;
margin: auto;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;*/
color: #ffffff;
width: 100%;
max-width: 100%;
text-align: center;
margin: auto;
display: table-cell;
vertical-align: middle;
padding: 0 20px;
}
.featured-cbp-item-activity{
height: 607px;
}
.featured-cbp-item-activity .cbp-item-title {
font-weight:900;
font-size: 24px;
}
.featured-cbp-item-activity .ico-read-more{
margin: 30px auto;
}
/*
.featured-cbp-item-activity .cbp-item-title.active {
max-width: 100%;
max-height: 100px;
text-align: center;
margin: auto;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
}*/
.cbp-item-inner{
width:100%;
}
.commisioned-activity-info-wrapper{
position: absolute;
bottom: 0;
height: 30%;
left: 0;
right: 0;
text-align: center;
background: #ffffff;
}
.ico-date{
background: url('/wp-content/themes/nwmphn/assets/img/icons/icon-date.svg') no-repeat;
width:20px;
height:20px;
}
.ico-date-dark{
background: url('/wp-content/themes/nwmphn/assets/img/icons/icon-date-dark.svg') no-repeat;
width:20px;
height:20px;
}
.ico-expand{
background: url('/wp-content/themes/nwmphn/assets/img/icons/ico-expand.svg') no-repeat;
width:41px;
height:41px;
}
.ico-expand-dark{
background: url('/wp-content/themes/nwmphn/assets/img/icons/ico-expand-dark.svg') no-repeat;
width:41px;
height:41px;
}
.ico-read-more{
background: url('/wp-content/themes/nwmphn/assets/img/icons/ico-more.svg') no-repeat;
height: 41px;
padding-left: 48px;
background-position: left center;
color: #003d69;
text-align: left;
line-height: 40px;
display: none;
width: 130px;
margin: 10px auto;
}
.commissioned-activity-img-wrapper > .ico-expand{
bottom: 20px;
left:20px;
position:absolute;
}
/* overriding original widget li a */
.single-commisioned_activity .widget li a {
font-size: 18px;
line-height:24px;
padding-top:16px !important;
padding-bottom:16px !important;
}
#overview.blog-grid-title-lg{
margin-top:0px;
}
.commisioned-activity-summary-container{
/*background: #d5ebed;*/
padding:0px;
width:100%;
min-height: 300px;
margin-bottom:30px;
}
.commisioned-activity-summary-container .ca-status{
background: #d5ebed;
min-height:100px;
padding:40px;
width:100%;
margin-bottom:4px;
}
.commisioned-activity-summary-container .ca-detail-stat{
background: #d5ebed;
min-height: 180px;
position: relative;
width: 33%;
/*display: table;*/
padding-top: 0px;
/*padding-bottom: 60px;*/
}
.commisioned-activity-summary-container .ca-detail-stat:not(:first-child){
margin-left:0.5%;
}
.commisioned-activity-summary-container .ca-detail-stat .stat-value{
/*position:absolute;*/
width:100%;
/*bottom:0px;*/
text-align:center;
vertical-align:middle;
display: table-cell;
padding-bottom: 50px;
}
.commisioned-activity-summary-container .ca-detail-stat .stat-value-container{
display: table;
width: 100%;
height: 100%;
}
.commisioned-activity-summary-container .ca-detail-stat .stat-caption{
width: 100%;
text-align: center;
display: block;
position: absolute;
left: 0;
bottom: 40px;
}
.commisioned-activity-summary-container .stat-funding-amount{
font-family:museo-sans, sans-serif;
font-weight:900;
font-size: 40px;
margin-top: 24px;
color: #00243f;
}
.commisioned-activity-summary-container .stat-status{
font-family:museo-sans, sans-serif;
font-weight:900;
font-size: 22px;
color: #00243f;
padding-left:10px;
display: inline-block;
vertical-align: middle;
}
.commisioned-activity-summary-container .stat-label-status{
display: inline-block;
vertical-align: middle;
line-height: 22px;
height: 18px;
}
.commisioned-activity-summary-container .stat-date-month{
font-family:museo-sans, sans-serif;
font-weight:900;
font-size: 16px;
color: #00243f;
}
.commisioned-activity-summary-container .stat-year{
font-family:museo-sans, sans-serif;
font-weight:900;
font-size: 60px;
line-height: 55px;
color: #00243f;
}
.commisioned-activity-summary-container .stat-location{
font-family:museo-sans, sans-serif;
font-weight:900;
font-size: 16px;
color: #00243f;
}
.row-eq-height {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
@media (max-width: 767px){
.commisioned-activity-summary-container .stat-funding-amount,
.commisioned-activity-summary-container .stat-year {
font-size: 42px;
line-height: 42px;
}
.commisioned-activity-summary-container .ca-detail-stat {
padding: 0;
min-height: 250px;
/*height: 250px;*/
}
}
@media (min-width: 768px){
.commisioned-activity-summary-container .stat-funding-amount,
.commisioned-activity-summary-container .stat-year {
font-size: 42px;
line-height: 42px;
}
.commisioned-activity-summary-container .ca-detail-stat {
padding: 0;
min-height: 230px;
/*height: 230px;*/
}
}
@media (max-width: 991px){
.commisioned-activity-summary-container .ca-detail-stat.ca-suburb .stat-value{
padding-bottom: 60px;
padding-top: 30px;
}
}
@media (min-width: 992px){
.commisioned-activity-summary-container .stat-funding-amount,
.commisioned-activity-summary-container .stat-year {
font-size: 50px;
line-height: 50px;
}
.commisioned-activity-summary-container .ca-detail-stat {
padding: 20px;
min-height: 265px;
/*height: 265px;*/
}
}
@media (max-width: 1199px){
.commisioned-activity-summary-container.container {
padding-left: 0px !important;
padding-right: 0px !important;
}
}
@media (max-width: 681px) {
.row-eq-height {
display: block;
}
.commisioned-activity-summary-container .ca-detail-stat{
width:100%;
margin-bottom:2px;
min-height: 250px;
height: 250px;
/*display: table;*/
}
.commisioned-activity-summary-container .ca-detail-stat.ca-suburb{
height:100%;
}
.commisioned-activity-summary-container .ca-detail-stat.ca-suburb .stat-value{
padding-bottom: 60px;
padding-top: 30px;
}
.commisioned-activity-summary-container .ca-detail-stat:not(:first-child){
margin-left:0%;
}
.commisioned-activity-summary-container .ca-status{
padding: 0;
min-height: 250px;
height: 250px;
display:table;
}
.commisioned-activity-summary-container .ca-status .stat-label-status{
width: 100%;
text-align: center;
display: block;
position: absolute;
left: 0;
bottom: 40px;
}
.commisioned-activity-summary-container .ca-status .stat-status{
width: 100%;
text-align: center;
vertical-align: middle;
display: table-cell;
padding-left:0px;
font-size: 42px;
}
}
/*---one level sidebar---*/
div.one-level-list{
padding:15px 0;
}
.one-level-list > ul > li{
padding: 10px;
}
.one-level-list > ul > li:before{
content :"";
}
.one-level-list > ul > li > a{
color: #003D69;
}
.one-level-list > ul > li:hover a{
color: #ffffff;
}
.one-level-list > ul > li:hover{
background: #003D69;
cursor:hand;
}
/*Aboriginal and Torres Strait Islander Health*/ /*#003D69*/
.cbp-caption-zoom .cbp-caption-activeWrap.color-p-1{
background-color:rgba(0,61,105,0.7);
}
/*Alcohol and other drugs*/ /*#15BECE*/
.cbp-caption-zoom .cbp-caption-activeWrap.color-p-2{
background-color:rgba(21,190,206,0.7);
}
/*Comorbid Chronic Disease*/ /*#00B27C*/
.cbp-caption-zoom .cbp-caption-activeWrap.color-p-3{
background-color:rgba(0,178,124,0.7);
}
/*Children and Families*/ /*#1C727E*/
.cbp-caption-zoom .cbp-caption-activeWrap.color-p-4{
background-color:rgba(28,114,126,0.7);
}
/*Mental Health*/ /*#7868A7*/
.cbp-caption-zoom .cbp-caption-activeWrap.color-p-5{
background-color:rgba(120,104,167,0.7);
}
/*Priority Population*/ /*#963872*/
.cbp-caption-zoom .cbp-caption-activeWrap.color-p-6 {
background-color:rgba(150,56,114,0.7);
}
/*suicide prevention*/ /*#D59F1B*/
.cbp-caption-zoom .cbp-caption-activeWrap.color-p-7{
background-color:rgba(213,159,27,0.7);
}
/*workforce support*/ /*#E18F4A*/
.cbp-caption-zoom .cbp-caption-activeWrap.color-p-8 {
background-color:rgba(225,143,74,0.7);
}
.cbp-caption-zoom .cbp-caption-activeWrap {
opacity: 0;
top: 0;
/*height: 75%;*/
height: 70%;
-webkit-transition: opacity 0.8s cubic-bezier(0.19, 1, 0.22, 1);
transition: opacity 0.8s cubic-bezier(0.19, 1, 0.22, 1);
display: table;
}
.cbp-item-activity:hover img{
-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
filter: grayscale(100%);
}
.cbp-item-activity:hover .ico-expand{
display:none;
}
/* prevent scaling on hover of entire element of activity*/
#commisionedActivitiesMain .cbp-item-activity .cbp-caption:hover .cbp-caption-defaultWrap{
-webkit-transform: scale(1);
transform: scale(1);
}
.cbp-item-activity .read-more-btn-container{
position: absolute;
display: table;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
z-index: 1;
opacity: 0;
}
.cbp-item-activity .read-more-btn{
display: table-cell;
vertical-align: middle;
}
.cbp-item-activity .ico-read-more {
display: block;
font-family: museo-sans, sans-serif;
font-weight: 900;
font-size: 20px;
width: 160px;
}
.cbp-item-activity:hover .read-more-btn-container{
opacity:1;
}
.cbp-item-wrapper > .commisioned_activity{
height:100%;
}
.cbp-item-activity:hover .cbp-caption-defaultWrap .cbp-item-title{
opacity: 0;
transition: opacity .25s ease-in-out;
-moz-transition: opacity .25s ease-in-out;
-webkit-transition: opacity .25s ease-in-out;
}
#commisionedActivitiesMain .cbp-item-activity .cbp-l-caption-body{
position: absolute;
display: table;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
z-index: 1;
padding: 0px;
}
#commisionedActivitiesMain .cbp-item-activity .cbp-l-caption-body .cbp-item-title{
display: table-cell;
vertical-align: middle;
padding: 0 20px;
}
.commissioned-activity-img-wrapper{
width:100%;
height:70%;
max-height:500px;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
position: relative;
}
#commisionedActivitiesMain .cbp-caption-activeWrap.transparent-cover{
background:none;
}
.commissioned-activity-img-wrapper.has-featured-image{
background-color:#aaa;
}
.cbp-item-activity:hover .commissioned-activity-img-wrapper{
-moz-filter: url("data:image/svg+xml;utf8,#grayscale");
-o-filter: url("data:image/svg+xml;utf8,#grayscale");
-webkit-filter: grayscale(100%);
filter: gray;
filter: url("data:image/svg+xml;utf8,#grayscale");
}
.cbp div.cbp-item.cbp-item-activity{
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
}
/*shadow issue*/
.cbp-wrapper, .cbp-wrapper-helper {
margin-left: 1px;
}
.cbp-wrapper-outer, .cbp-wrapper, .cbp-wrapper-helper {
height: 101%;
}
@media (min-width: 992px){
.single-commisioned_activity .sidebar-fixed-container.scrolled{
position: fixed;
width:inherit;
top:140px;
}
.single-commisioned_activity .sidebar-fixed-container.scrolled > div{
width: 90%;
max-width: 270px;
}
}
/*-------------------end of commisioned activity page -----------------*/
/*------------------start of website feedback form--------------------*/
#feedbackForm label.gfield_label{
font-family: museo-sans, sans-serif;
font-weight: 900;
font-size: 24px;
line-height: 1.17;
color: #4a4a4a;
}
#feedbackForm li.gfield{
margin-top:48px;
}
#feedbackForm li.gfield.no-margin-top{
margin-top:24px;
}
#feedbackForm th.gsurvey-likert-choice-label{
font-family: museo-sans, sans-serif;
font-weight: 500;
font-size: 16px;
line-height: 1.5;
text-align: center;
color: #4a4a4a;
background: transparent;
border-top:none;
}
#feedbackForm th.gsurvey-likert-row-label:first-child{
background: transparent;
border-top:none;
border-left:none;
}
#feedbackForm th.gsurvey-likert-choice-label:last-child{
border-right:none;
}
#feedbackForm .gsurvey-likert-row-label{
font-family: museo-sans, sans-serif;
font-weight: 500;
font-size: 16px;
line-height: 1.5;
color: #4a4a4a;
background: transparent;
}
#feedbackForm table.gsurvey-likert{
border-top: none;
border-left: 0px;
border-bottom: 0px;
}
#feedbackForm tr td{
height:48px;
}
#feedbackForm tr td.gsurvey-likert-choice:last-child{
border-right:0px;
}
#feedbackForm tbody tr:nth-child(2n+1){
background: #e1e1e1;
}
#feedbackForm tbody tr:nth-child(2n){
background: #ffffff;
}
#feedbackForm table.gsurvey-likert td.gsurvey-likert-choice {
background-size: 28px 28px;
}
#feedbackForm .gform_wrapper textarea {
padding: 25px 30px;
font-family: museo-sans, sans-serif;
font-weight: 300;
font-size: 18px;
line-height: 1.5;
}
#feedbackForm .gform_wrapper textarea::-webkit-input-placeholder,
#feedbackForm .gform_wrapper textarea::-moz-placeholder,
#feedbackForm .gform_wrapper textarea:-ms-input-placeholder,
#feedbackForm .gform_wrapper textarea:-o-input-placeholder {
font-weight: 300;
font-size: 18px;
line-height: 1.5;
}
#feedbackForm table.gsurvey-likert td.gsurvey-likert-choice {
background-image: url('/wp-content/themes/nwmphn/assets/img/icons/icon-feedback-check-inactive.svg');
}
#feedbackForm table.gsurvey-likert td.gsurvey-likert-choice.gsurvey-likert-selected {
background-image: url('/wp-content/themes/nwmphn/assets/img/icons/icon-feedback-check-active.svg');
background-color:transparent;
}
#feedbackForm table.gsurvey-likert td.gsurvey-likert-choice.gsurvey-likert-selected.gsurvey-likert-focus{
background-color:transparent;
}
#feedbackForm table.gsurvey-likert td.gsurvey-likert-choice.gsurvey-likert-focus{
background-color:transparent !important;
}
#feedbackForm .gsurvey-rating:not(:checked) > label:hover,#feedbackForm .gsurvey-rating:not(:checked) > label:hover ~ label {
background-image: url('/wp-content/themes/nwmphn/assets/img/icons/icon-feedback-star-active.svg');
background-size: 28px 28px;
}
#feedbackForm .gsurvey-rating:not(:checked) > label {
float: right;
margin-right:5px;
width: 28px;
font-size: 28px!important;
line-height: 28px;
background-image: url('/wp-content/themes/nwmphn/assets/img/icons/icon-feedback-star-inactive.svg');
background-size: 28px 28px;
padding: 8px 0px;
}
#feedbackForm .gsurvey-rating > input:checked ~ label {
background-image: url('/wp-content/themes/nwmphn/assets/img/icons/icon-feedback-star-active.svg');
}
#feedbackForm .gfield_description{
font-family: museo-sans, sans-serif;
font-weight: 500;
font-size: 18px;
line-height: 1.44;
color: #4a4a4a;
}
#feedbackForm .nwmphn-form input[type="submit"] {
padding: 0 40px !important;
}
@media (max-width: 1024px){
.gform_wrapper ul.gform_fields table.gsurvey-likert td:after {
margin-left: 4rem !important;
}
#feedbackForm .gsurvey-likert-row-label {
line-height: 2.5;
font-weight: bold;
padding-left: 15px;
}
table.gsurvey-likert .gsurvey-likert-row-label {
padding-left: 1em;
}
}
/*------------------end of website feedback form----------------------*/
/*-------------------start of about nwmphn page ------------------------*/
.services-v7-body h2{
color: #ffffff !important;
}
section.services-v4.icon-leadership > .services-v4-body > .services-v4-media:before{
content: "";
display: block;
background: url('/wp-content/themes/nwmphn/assets/img/icons/ico-explore-leadership.svg') center;
/*width: 90%;
height: 90%;
background-repeat: no-repeat;
position: absolute;
z-index: 1;
background-position: center center;
top: 0;
left: 11px;*/
background-repeat: no-repeat;
position: absolute;
z-index: 1;
width:90px;
height:90px;
top:0px;
left:0px;
right:0px;
}
section.services-v4.icon-advisory-councils > .services-v4-body > .services-v4-media:before{
content: "";
display: block;
background: url('/wp-content/themes/nwmphn/assets/img/icons/ico-explore-advisory-councils.svg') center;
/*width: 90%;
height: 90%;
background-repeat: no-repeat;
position: absolute;
z-index: 1;
background-position: center center;
top: 0;
left: 11px;*/
background-repeat: no-repeat;
position: absolute;
z-index: 1;
width:90px;
height:90px;
top:0px;
left:0px;
right:0px;
}
section.services-v4.icon-corporate-responsibility > .services-v4-body > .services-v4-media:before{
content: "";
display: block;
background: url('/wp-content/themes/nwmphn/assets/img/icons/ico-explore-corporate-responsibility.svg') center;
/*width: 90%;
height: 90%;
background-repeat: no-repeat;
position: absolute;
z-index: 1;
background-position: center center;
top: 0;
left: 11px;*/
background-repeat: no-repeat;
position: absolute;
z-index: 1;
width:90px;
height:90px;
top:0px;
left:0px;
right:0px;
}
section.services-v4.icon-key-documents > .services-v4-body > .services-v4-media:before{
content: "";
display: block;
background: url('/wp-content/themes/nwmphn/assets/img/icons/ico-explore-key-documents.svg') center;
/*width: 90%;
height: 90%;
background-repeat: no-repeat;
position: absolute;
z-index: 1;
background-position: center center;
top: 0;
left: 11px;*/
background-repeat: no-repeat;
position: absolute;
z-index: 1;
width:90px;
height:90px;
top:0px;
left:0px;
right:0px;
}
section.services-v4.icon-our-region > .services-v4-body > .services-v4-media:before{
content: "";
display: block;
background: url('/wp-content/themes/nwmphn/assets/img/icons/ico-explore-our-region.svg') center;
/*width: 90%;
height: 90%;
background-repeat: no-repeat;
position: absolute;
z-index: 1;
background-position: center center;
top: 0;
left: 11px;*/
background-repeat: no-repeat;
position: absolute;
z-index: 1;
width:90px;
height:90px;
top:0px;
left:0px;
right:0px;
}
section.services-v4.icon-engagement-opportunities > .services-v4-body > .services-v4-media:before{
content: "";
display: block;
background: url('/wp-content/themes/nwmphn/assets/img/icons/ico-explore-engagement-opportunities.svg') center;
/*width: 90%;
height: 90%;
background-repeat: no-repeat;
position: absolute;
z-index: 1;
background-position: center center;
top: 0;
left: 11px;*/
background-repeat: no-repeat;
position: absolute;
z-index: 1;
width:90px;
height:90px;
top:0px;
left:0px;
right:0px;
}
#exploreOrganisation section.services-v4 > .services-v4-body > .services-v4-content > h3.services-v4-title {
display:table-cell;
vertical-align:middle;
}
#exploreOrganisation .services-v4 .services-v4-body .services-v4-learn {
/*display:none;*/
position: absolute;
top: 0;
bottom: 0px;
left: 0;
right: 0;
height: 100%;
display: table;
width: 100%;
height: 100px;
margin-left: 15px;
}
#exploreOrganisation .services-v4:hover .services-v4-learn {
margin-bottom: 0;
opacity: 1;
-webkit-transform: none;
-moz-transform: none;
transform: none;
}
#exploreOrganisation .services-v4:hover .services-v4-learn .button-link{
display: table-cell;
vertical-align: middle;
font-size: 20px;
}
#exploreOrganisation section.services-v4 > .services-v4-body > .services-v4-content > h3.services-v4-title {
font-size: 22px;
display: table-cell;
vertical-align: middle;
position: relative;
}
@media (max-width: 1024px){
#exploreOrganisation section.services-v4 > .services-v4-body > .services-v4-content > h3.services-v4-title {
font-size: 20px;
line-height:26px;
}
}
/*-------------------end of about nwmphn page---------------------------*/
/*-------------------subscription form-------------------------------*/
.tall-input > div > select{
height: 60px;
}
select:invalid { color: gray; }
.form-spacer{
height: 60px;
}
.input-container{
margin-bottom: 20px;
}
.nwmphn-button-container{
text-align:center;
margin-top: 20px;
margin-bottom: 20px;
}
.nwmphn-button-container .nwmphn-button.disabled{
background: #ddd !important;
color: #777 !important;
}
.nwmphn-button-container input[type="submit"].nwmphn-button.disabled:hover{
background: #ddd !important;
color: #777 !important;
cursor:auto;
}
/*-------------------end of subscription form------------------------*/
/*-------------------start of practice vacancy page------------------*/
.ico-more{
background: url('/wp-content/themes/nwmphn/assets/img/icons/ico-more.svg') no-repeat;
height: 41px;
/*padding-left: 48px;
background-position: left center;*/
color: #003d69;
/*text-align: left;*/
width: 40px;
cursor:pointer;
/*margin: 10px auto;*/
}
.ico-more.expanded{
background: url('/wp-content/themes/nwmphn/assets/img/icons/ico-less.svg') no-repeat;
}
.practice_vacancy .ico-more{
float:right;
}
.practice_vacancy div.center-content-hor-align-sm.text-right.sm-text-center{
vertical-align: top;
}
@media (max-width: 991px){
.gf_left_third.mobile-full-width{
width:100% !important;
}
.gform_wrapper .ginput_container span.word-count-wrapper > span{
display:inline;
}
}
/*-------------------end of practice vacancy page--------------------*/
/*-------------------start of event page-----------------------------*/
.event.news-v2:hover {
background-color: #003e6a;
color: #fff;
cursor:pointer;
}
#grid-container{
padding:0px;
}
@media (max-width: 991px){
#grid-container{
padding:0px 15px;
}
}
#grid-container .event{
border-top:solid 8px #15BECE;
padding:20px;
width:100%;
height:100%;
}
#grid-container .cbp-item:hover .event{
border-top:solid 8px #003e6a;
}
.cbp-item .event{
background: #ffffff;
}
#grid-container .cbp-item .event-title-container{
min-height: 150px;
padding-top: 20px;
font-family: museo-sans, sans-serif;
font-weight: 900;
font-size: 24px;
color: #4A4A4A;
padding-top: 20px;
line-height: 1.33;
}
@media (max-width: 767px){
#grid-container .cbp-item{
width: 100% !important;
}
}
@media (max-width: 767px){
#grid-container .cbp-item .event-title-container{
font-size: 18px;
}
}
#grid-container .cbp-item .event-time{
font-family:museo-sans, sans-serif;
font-weight:900;
font-size: 18px;
color:#4A4A4A;
display:table;
vertical-align:middle;
}
#grid-container .cbp-item .event-time .ico-date{
display:table-cell;
background-position: center top 2px;
}
#grid-container .cbp-item:hover .event-time .ico-date{
background: url('/wp-content/themes/nwmphn/assets/img/icons/icon-date-dark.svg') no-repeat;
background-position: center top 2px;
}
#grid-container .cbp-item .event-title-container > h2 > span{
font-family:museo-sans, sans-serif;
font-weight:900;
font-size: 24px;
color:#4A4A4A;
padding-top:20px;
}
#grid-container .cbp-item .event-info{
font-family:museo-sans, sans-serif;
font-size: 16px;
color:#4A4A4A;
line-height: 28px;
}
#grid-container .cbp-item .event-spanner{
height:80px;
}
#grid-container .cbp-item .event-info .info-value{
font-weight:bold;
}
#grid-container .cbp-item:hover .event-title-container{
color:#ffffff;
}
#grid-container .cbp-item:hover .event-title-container > h2 > span{
color:#ffffff;
}
#grid-container .cbp-item:hover .event-time{
color:#ffffff;
}
#grid-container .cbp-item:hover .event-info{
color:#ffffff;
}
#grid-container .cbp-item .event-button-container{
position: absolute;
z-index: 2;
height: 90px;
background: #ffffff;
width: 100%;
bottom: 0px;
left: 0;
text-align: center;
opacity:0;
}
#grid-container .cbp-item:hover .event-button-container{
opacity:1;
}
#grid-container .cbp-item .event-audience-container{
position: absolute;
color: #ffffff;
z-index: 2;
height: 90px;
background: #003e6a;
width: 100%;
bottom: 0px;
left: 0;
text-align: center;
opacity:1;
display:table;
}
#grid-container .cbp-item:hover .event-audience-container{
opacity:0;
}
#grid-container .cbp-item .event-audience-container > div{
display:table-cell;
vertical-align:middle;
font-size:16px;
padding: 0px 20px;
}
#grid-container .cbp-item:hover .event-button-container .ico-read-more{
display: block;
margin: 25px auto;
font-size: 20px;
width: 160px;
}
#event-container .resource-sidebar {
background:none;
padding:0px;
/*padding-left: 10px;*/
}
@media (min-width: 992px){
#event-container .resource-sidebar {
margin-right: 10px;
}
}
#event-container .resource-sidebar a > h4 {
padding-left:0px;
padding-top:0px;
color: #4a4a4a;
font-size:18px;
line-height:24px;
border:none;
padding-right: 10px;
}
#event-container .resource-sidebar div.priority-area.blog-sidebar > ul {
background: #ffffff;
}
#event-container div.priority-area.blog-sidebar li:hover {
background: none;
}
#event-container .resource-sidebar{
text-align:center;
}
#event-container .blog-sidebar.widget-body.priority-area{
text-align:left;
}
#event-container .nwmphn-button{
margin-bottom:0px;
margin-bottom:8px;
max-width: 320px;
/*background:#AEE8EE;
color:#003D69;
width:100%;*/
}
#event-container .nwmphn-button:hover{
background:#15bece;
color:#ffffff;
width:100%;
}
#event-container div.priority-area.blog-sidebar li {
padding-top: 3px;
padding-bottom: 3px;
font-size:18px;
color: #4a4a4a;
}
#buttonOrganizerOther, #buttonOrganizerNwmphn{
/*opacity:0;*/
display:none;
}
/*-------------------end of event page ------------------------------*/
/*-----start of event detail page-----------*/
.date-cost-container{
font-family:museo-sans, sans-serif;
font-size: 18px;
color: #ffffff;
background: #003d69;
padding:30px;
}
.date-cost-container .date-container{
padding-bottom:24px;
border-bottom: solid 1px #ffffff;
margin-bottom:24px;
}
.date-cost-container .date-cost-main-label{
font-family:museo-sans, sans-serif;
font-weight:900;
font-size: 18px;
line-height:24px;
margin-bottom:20px;
}
.date-cost-container .date-cost-main-label.small-main-label{
font-size: 16px;
line-height:24px;
margin-bottom:10px;
}
.date-cost-container .date-cost-small-label{
font-size:13px;
font-weight:500;
text-transform:uppercase;
}
.date-cost-container .date-cost-value{
font-size:22px;
font-weight:500;
line-height:32px;
}
.date-cost-container .date-cost-value.small{
font-size:18px;
}
.event-detail-container .nwmphn-button{
width:100%;
margin: 40px 0;
}
.event-detail-container a{
text-decoration:none;
}
.event-detail-container .info-column{
padding-bottom:24px;
margin:16px 0px;
font-size:18px;
font-family:museo-sans, sans-serif;
color: #4a4a4a;
}
.event-detail-container .event-detail-main-label{
font-family:museo-sans, sans-serif;
font-weight:900;
font-size: 18px;
line-height:24px;
margin: 10px 0px;
}
.event-detail-container .info-column:not(:last-child){
border-bottom:solid 1px #979797;
}
.event-detail-container .info-value{
font-size:16px;
line-height:26px;
font-weight:500;
}
.event-detail-container .info-value .info-value-bold{
font-weight:900;
}
.event-detail-container .event-short-desc{
font-size: 20px;
font-weight: 900;
line-height: 1.5;
color: #042d56;
margin-bottom:30px;
}
.event-detail-container .event-desc{
font-size:18px;
line-height:28px;
color: #4a4a4a;
}
.event-detail-container .map-container{
min-height:250px;
margin:20px 0;
}
.event-detail-container .event-content-heading{
font-size: 24px;
font-weight: 900;
line-height: 1.33;
color: #4a4a4a;
margin-bottom:24px;
}
.event-detail-container .event-sessions{
margin-bottom:70px;
}
.event-detail-container .session-desc-container{
padding:1.5em 0;
height:100%;
width:100%;
position:relative;
display:inline-block;
}
.event-detail-container .session-desc-container .desc-small-label{
font-size:13px;
text-transform:uppercase;
margin-top: 8px;
}
.event-detail-container .session-desc-container .desc-value{
font-family:museo-sans, sans-serif;
color: #4a4a4a;
font-size:16px;
line-height:24px;
}
.event-detail-container .session-desc-container .session-desc{
font-family:museo-sans, sans-serif;
color: #4a4a4a;
margin-top: 16px;
font-size:16px;
line-height:24px;
}
.event-detail-container .blog-grid .blog-grid-content{
padding:60px;
}
@media (max-width: 991px){
.event-detail-container .blog-grid .blog-grid-content {
padding: 40px;
}
.event-detail-container .event-sessions {
margin-bottom: 50px;
}
}
@media (max-width: 767px){
.event-detail-container .blog-grid .blog-grid-content {
padding: 30px 16px;
}
.event-detail-container .event-sessions {
margin-bottom: 30px;
}
}
/*
* Accordion
*/
/* Basic Accordion Styles */
.accordion {
/*position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 75%;*/
}
.accordion input[name='panel'] {
display: none;
}
.accordion label {
font-family:museo-sans, sans-serif;
font-size: 16px;
line-height: 24px;
font-weight:700;
color: #4a4a4a;
background: #dbdbdb;
position: relative;
display: block;
padding: 1em;
border-top: 1px solid #fff;
box-shadow: inset 0 2px 0 #fff;
margin-bottom:0px;
/*font-size: 1.5em;*/
/*text-shadow: 0 1px 0 rgba(255, 255, 255, 0.75);*/
cursor: pointer;
transition: all 0.4s cubic-bezier(0.865, 0.14, 0.095, 0.87);
}
.accordion label:after {
position: absolute;
top:35%;
top: calc(50% - 0.5em);
right: 1em;
width: 1em;
height: 1em;
text-align: center;
/*color: #eee;
border-radius: 50%;
background: #2980b9;*/
/*box-shadow: inset 0 1px 6px rgba(0, 0, 0, 0.5), 0 1px 0 #fff;*/
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.75);
display: inline-block;
font: normal normal normal 14px/1 'ff-font-awesome';
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
content: "\f078";
line-height: 1.4em;
-webkit-text-stroke: 1px #dbdbdb;
}
.accordion label:hover {
color: #ffffff;
background: #003d69;
}
.accordion input:checked + label {
/*color: #ffffff;*/
}
.accordion input:checked + label:after {
display: inline-block;
font: normal normal normal 14px/1 'ff-font-awesome';
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
content: "\f077";
line-height: 1.4em;
-webkit-text-stroke: 1px #dbdbdb;
}
.accordion .accordion__content {
overflow: hidden;
max-height: 0em;
position: relative;
padding: 0 1.5em;
background: #f2f2f2;
color: #4a4a4a;
transition: all 0.4s cubic-bezier(0.865, 0.14, 0.095, 0.87);
}
.accordion .accordion__content .accordion__header {
padding: 1em 0;
}
.accordion .accordion__content .accordion__body {
/*font-size: .825em;
line-height: 1.4em;*/
font-size: 16px;
line-height: 28px;
padding: 0 0 1.5em;
}
input[name='panel']:checked ~ .accordion__content {
/* Get this as close to what height you expect */
max-height: 50em;
}
/*end of accordion*/
/*----end of event detail page--------------*/
/*----------event detail page--------------*/
.eoi-section .ico-more{
float:right;
}
.current_tender .center-content-hor-align-sm {
display: table-cell;
float: none;
vertical-align: top;
}
/*----end of event detail page--------------*/
/*-------------------advisory council--------------------------------*/
.advisory-council-container{
padding: 40px;
}
.advisory-council-content-container{
padding: 20px;
}
.advisory-council-content-container h2{
margin-top: 20px;
margin-bottom: 20px;
}
.advisory-council-content-container .content-container{
padding: 20px 40px 40px;
}
/*-------------------end of advisory council-------------------------*/
/*-------------------current tender---------------------------------*/
/*.current_tender .eoi-action{
margin-top:24px;
margin-bottom:24px;
}*/
.current_tender .button-container{
padding:24px 0;
}
.current_tender .button-download-position-desc{
margin-top:24px;
}
@media (max-width: 767px){
.career-content{
margin-right: 10px;
}
}
/*-------------------end of current tender---------------------------------*/
/*-------------------quick link example-----------------------------*/
.quick-link-container{
padding:40px;
background:#ffffff;
}
.quick-link-container ul.quick-links{
padding-left:0px;
list-style-type:none;
}
.quick-link-container ul.quick-links li > div.ffb-list-text{
margin-left:40px;
}
.quick-link-container .resource-icon.icon-url{
float: left;
margin-top: 5px;
}
.quick-link-container ul.quick-links p{
font-size:16px;
}
.quick-link-container ul.quick-links li {
margin-top:25px;
}
@media (min-width: 992px){
.quick-link-container{
margin-bottom: 70px;
margin-top: -50px;
}
}
@media (max-width: 991px){
.quick-link-container{
margin-bottom: 50px;
margin-top: -30px;
}
}
@media (max-width: 767px){
.quick-link-container{
margin-bottom: 30px;
margin-top: -10px;
}
}
/*-------------------end of quick link------------------------------*/
/*-------------------loading spinner--------------------------------*/
/*
the html part
*/
.showbox {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
padding: 5%;
}
.loader {
position: relative;
margin: 0 auto;
width: 100px;
}
.loader:before {
content: '';
display: block;
padding-top: 100%;
}
.circular {
-webkit-animation: rotate 2s linear infinite;
animation: rotate 2s linear infinite;
height: 100%;
-webkit-transform-origin: center center;
transform-origin: center center;
width: 100%;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
}
.path {
stroke-dasharray: 1, 200;
stroke-dashoffset: 0;
-webkit-animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
stroke-linecap: round;
}
@-webkit-keyframes rotate {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes rotate {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes dash {
0% {
stroke-dasharray: 1, 200;
stroke-dashoffset: 0;
}
50% {
stroke-dasharray: 89, 200;
stroke-dashoffset: -35px;
}
100% {
stroke-dasharray: 89, 200;
stroke-dashoffset: -124px;
}
}
@keyframes dash {
0% {
stroke-dasharray: 1, 200;
stroke-dashoffset: 0;
}
50% {
stroke-dasharray: 89, 200;
stroke-dashoffset: -35px;
}
100% {
stroke-dasharray: 89, 200;
stroke-dashoffset: -124px;
}
}
@-webkit-keyframes color {
100%,
0% {
stroke: #003E6A;
}
40% {
stroke: #16BECF;
}
66% {
stroke: #003E6A;
}
80%,
90% {
stroke: #16BECF;
}
}
@keyframes color {
100%,
0% {
stroke: #003E6A;
}
40% {
stroke: #16BECF;
}
66% {
stroke: #003E6A;
}
80%,
90% {
stroke: #16BECF;
}
}
/*-------------------end of loading spinner--------------------------*/
@media (max-width: 1200px) {
div.accessibility-section{
justify-content: center;
min-height: 1px;
}
div.footer-social-icon-wrapper {
line-height: 60px
}
}
.download-mag {
background: #003d69;
color: white;
padding: 30px 0;
text-align: center;
}
.download-mag .mag-button-wrap :not(.nwmphn-button) a, .download-mag p, .download-mag .mag-text-wrap a{
color: white;
}
.download-mag .mag-button-wrap {
display: inline-block;
text-align: center;
margin: 30px;
vertical-align: middle;
}
.download-mag .nwmphn-button {
margin: 30px 0
}
.download-mag .responsive-image-wrapper {
width: 126px;
display: inline-block;
vertical-align: middle;
}
.download-mag h3 {
color: white;
font-weight: 300;
}
.download-mag hr {
border-color: #15bece;
margin: 30px 0;
}
.download-mag .responsive-image-wrapper + p {display: none;}
@media (min-width: 1200px) {
.download-mag {
padding: 74px 0;
}
.download-mag h3 {
font-size: 30px;
}
.download-mag hr {
margin: 70px 0;
}
}
}