@font-face {
font-family: 'Verdana';
src: url(//obesityopen.org/content/themes/open/assets/fonts/Verdana.eot?#iefix) format("embedded-opentype"), url(//obesityopen.org/content/themes/open/assets/fonts/Verdana.woff) format("woff"), url(//obesityopen.org/content/themes/open/assets/fonts/Verdana.ttf) format("truetype"), url(//obesityopen.org/content/themes/open/assets/fonts/Verdana.svg#Verdana) format("svg");
font-weight: normal;
font-style: normal;©
}
@font-face {
font-family: 'Verdana-Bold';
src: url(//obesityopen.org/content/themes/open/assets/fonts/Verdana-Bold.eot?#iefix) format("embedded-opentype"), url(//obesityopen.org/content/themes/open/assets/fonts/Verdana-Bold.woff) format("woff"), url(//obesityopen.org/content/themes/open/assets/fonts/Verdana-Bold.ttf) format("truetype"), url(//obesityopen.org/content/themes/open/assets/fonts/Verdana-Bold.svg#Verdana-Bold) format("svg");
font-weight: normal;
font-style: normal;
}  body {
font-size: 16px;
line-height: 24px;
color: #74675d;
font-family: "Verdana";
}
img {
max-width: 100%;
height: auto;
}
.text-primary {
color: #007a89 !important;
}
a {
color: #007a89;
}
a:hover {
text-decoration: none;
color: #004d56;
}
a:focus {
outline: 0;
}
.spacer {
padding-top: 40px;
padding-bottom: 40px;
}
@media (min-width: 768px) {
.spacer {
padding-top: 50px;
padding-bottom: 50px;
}
}
hr {
margin: 10px 0;
border-top-color: rgba(0, 122, 137, 0.3);
}
.border-top {
border-color: rgba(0, 122, 137, 0.3) !important;
}
.border-right {
border-color: rgba(0, 122, 137, 0.3) !important;
}
h1 {
font-size: 30px;
}
h2 {
font-size: 36px;
margin-top: 30px;
}
h3 {
font-size: 22px;
}
h4 {
font-size: 20px;
}
h5 {
font-size: 16px;
color: #007a89;
}
h6 {
font-size: 14px;
}
strong, b {
font-weight: 600;
font-family: "Verdana-Bold";
}
@media (min-width: 768px) {
h1 {
font-size: 38px;
}
h2 {
font-size: 30px;
}
h3 {
font-size: 24px;
}
}
@media (min-width: 1200px) {
.container {
width: 1200px;
}
h1 {
font-size: 48px;
}
h2 {
font-size: 36px;
}
h3 {
font-size: 32px;
}
} .checkmark {
position: absolute;
top: 0;
left: 0;
height: 25px;
width: 25px;
background-color: transparent;
border: 1px solid #b3b3b3;
border-radius: 2px; }
.checkmark:after {
content: "";
position: absolute;
display: none;
}
.checkbox {
display: block;
position: relative;
padding-left: 35px;
margin-bottom: 12px;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
min-height: 25px;
min-width: 25px;     }
.checkbox input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 25px;
width: 25px;
}
.checkbox:hover input ~ .checkmark {
background-color: #d9d9d9;
}
.checkbox input:checked ~ .checkmark {
background-color: #007a89;
border-color: #007a89;
}
.checkbox input:checked ~ .checkmark:after {
display: block;
}
.checkbox .checkmark:after {
left: 8px;
top: 2px;
width: 8px;
height: 14px;
border: solid white;
border-width: 0 2px 2px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
} .radiomark {
position: absolute;
top: 0;
left: 0;
height: 25px;
width: 25px;
background-color: transparent;
border: 1px solid #b3b3b3;
border-radius: 50%; }
.radiomark:after {
content: "";
position: absolute;
display: none;
}
.radio {
display: block;
position: relative;
padding-left: 35px;
margin-bottom: 12px;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;     }
.radio input {
position: absolute;
opacity: 0;
cursor: pointer;
}
.radio:hover input ~ .radiomark {
background-color: #d9d9d9;
}
.radio input:checked ~ .radiomark {
background-color: #007a89;
border-color: #007a89;
}
.radio input:checked ~ .radiomark:after {
display: block;
}
.radio .radiomark:after {
top: 7px;
left: 7px;
width: 9px;
height: 9px;
border-radius: 50%;
background: white;
} .formWrap {
padding: 15px 0 0;
position: relative;
}
.form-control {
background: #f7f7f7;
border-color: #f0f0f0;
color: #74675d;
}
.form-control:focus {
box-shadow: none;
}
textarea.form-control {
height: 100px;
}
select, select.form-control {
-webkit-appearance: none;
-moz-appearance: none;
background: #ffffff url(//obesityopen.org/content/themes/open/assets/images/chevron.svg) no-repeat right 10px center;
background-size: 20px;
padding-right: 35px;
}
.input-group {
background: #ffffff;
border: 1px solid #d9d9d9;
box-shadow: 0 0 1px #ddd;
align-items: center;
padding: 0 0 0 15px;
border-radius: 3px;
}
.input-group select.form-control {
border-color: transparent;
}
.input-group .input-group-addon {
color: #c0c0c0;
}
.selectRange .form-control {
background: none;
border-width: 2px;
height: 50px;
width: 120px;
}
.formError {
left: auto !important;
right: 0;
}
.formError .formErrorContent {
line-height: 13px;
min-width: 150px;
}
.dropify-wrapper {
height: 150px;
border-radius: .25rem;
background: #f7f7f7;
border: 1px solid #f0f0f0;
}
.checkboxWrap {
margin: 15px 0 30px 0;
}
.checkboxWrap.border-top {
padding-top: 20px;
}
.checkboxWrap h4 {
margin: 0 0 15px 0;
}
.searchWrap {
margin-bottom: 10px;
}
.searchWrap form {
width: 100%;
background: #ffffff;
border: 1px solid #cccccc;
position: relative;
padding-right: 30px;
border-radius: 25px;
overflow: hidden;
}
.searchWrap form input {
height: 50px;
border: 0;
padding: 10px 15px;
width: 100%;
}
.searchWrap form .searchBtn {
position: absolute;
right: 15px;
top: 0;
bottom: 0;
background-color: transparent;
background-image: url(//obesityopen.org/content/themes/open/assets/images/searchicon.svg);
background-position: right center;
background-repeat: no-repeat;
background-size: 25px;
box-shadow: none;
border: 0;
width: 30px;
height: 50px;
padding: 0;
} .pagination {
justify-content: center;
padding: 15px 0 0;
margin: 0;
}
.pagination .page-item.prev-item, .pagination .page-item.next-item {
width: 35px;
}
@media (max-width: 767px) {
.pagination .page-item.prev-item, .pagination .page-item.next-item {
width: 20px;
}
}
.pagination .page-item .page-link {
border: 0;
border-radius: 0;
font-size: 24px;
color: #cccccc;
}
.pagination .page-item .page-link:focus {
outline: 0;
box-shadow: none;
}
.pagination .page-item .page-link:hover {
background: none;
color: #007a89;
}
@media (max-width: 767px) {
.pagination .page-item .page-link {
padding: 12px 5px;
font-size: 16px;
}
}
.pagination .page-item.active, .pagination .page-item:hover {
background: none;
}
.pagination .page-item.active > .page-link, .pagination .page-item:hover > .page-link {
background: none;
color: #007a89;
} .dataTables_wrapper .checkbox {
padding: 0;
margin: 5px 15px;
}
.dataTables_wrapper #adminTable_length {
margin-bottom: 15px;
}
.dataTables_wrapper #adminTable_length label {
font-size: 0;
}
.dataTables_wrapper #adminTable_length label select {
font-size: 16px;
width: 120px;
height: 50px;
border: 1px solid #cccccc;
padding: 15px 35px 15px 15px;
line-height: 20px;
color: #007a89;
}
@media (min-width: 1200px) {
.dataTables_wrapper #adminTable_length {
margin-bottom: 30px;
}
}
.dataTables_wrapper #adminTable_filter {
margin: 0 auto 15px;
width: 100%;
max-width: 300px;
background: #ffffff;
border: 1px solid #cccccc;
position: relative;
padding-right: 50px;
border-radius: 25px;
overflow: hidden;
background-color: transparent;
background-image: url(//obesityopen.org/content/themes/open/assets/images/searchicon.svg);
background-position: right 15px center;
background-repeat: no-repeat;
background-size: 25px;
display: block;
}
.dataTables_wrapper #adminTable_filter label {
font-size: 0;
line-height: 0;
margin: 0;
width: 100%;
float: left;
}
.dataTables_wrapper #adminTable_filter input {
height: 50px;
border: 0;
padding: 10px 15px;
width: 100%;
float: left;
font-size: 16px;
line-height: 24px;
}
@media (min-width: 1200px) {
.dataTables_wrapper #adminTable_filter {
margin-bottom: 30px;
}
}
.dataTables_wrapper #adminTable_paginate {
padding: 30px 0 0;
width: 100%;
float: left;
text-align: center;
font-size: 24px;
color: #cccccc;
display: -webkit-flex;
display: flex;
justify-content: center;
align-items: center;
}
.dataTables_wrapper #adminTable_paginate .paginate_button {
background: none;
border: 0;
font-size: 24px;
color: #cccccc !important;
padding: 10px 15px;
}
.dataTables_wrapper #adminTable_paginate .paginate_button:hover, .dataTables_wrapper #adminTable_paginate .paginate_button.current {
color: #007a89 !important;
}
.dataTables_wrapper #adminTable_paginate #adminTable_previous {
font-size: 0;
padding: 10px 18px;
background: url(//obesityopen.org/content/themes/open/assets/images/left-arrow.svg) no-repeat center center;
background-size: 33%;
}
.dataTables_wrapper #adminTable_paginate #adminTable_next {
font-size: 0;
padding: 10px 18px;
background: url(//obesityopen.org/content/themes/open/assets/images/right-arrow.svg) no-repeat center center;
background-size: 33%;
}
.dataTables_wrapper table.dataTable.display {
border: 0 !important;
color: #333333;
}
.dataTables_wrapper table.dataTable.display .more {
padding: 0 5px;
}
.dataTables_wrapper table.dataTable.display .more img {
max-width: 5px;
}
.dataTables_wrapper table.dataTable.display thead th {
border: 0;
padding: 10px;
}
.dataTables_wrapper table.dataTable.display thead th.hideSort {
background-image: none;
}
.dataTables_wrapper table.dataTable.display thead th.sorting {
background-image: url(//obesityopen.org/content/themes/open/assets/images/sort_both1.png);
background-size: 15px;
}
.dataTables_wrapper table.dataTable.display thead th.sorting_asc {
background-image: url(//obesityopen.org/content/themes/open/assets/images/sort_asc1.png);
background-size: 15px;
}
.dataTables_wrapper table.dataTable.display thead th.sorting_desc {
background-image: url(//obesityopen.org/content/themes/open/assets/images/sort_desc1.png);
background-size: 15px;
}
.dataTables_wrapper table.dataTable.display tbody tr, .dataTables_wrapper table.dataTable.display tbody tr.odd, .dataTables_wrapper table.dataTable.display tbody tr.even {
background: #bfe4ed;
}
.dataTables_wrapper table.dataTable.display tbody tr td, .dataTables_wrapper table.dataTable.display tbody tr.odd td, .dataTables_wrapper table.dataTable.display tbody tr.even td {
border-bottom: 2px solid #fff;
font-size: 14px;
}
.dataTables_wrapper table.dataTable.display tbody tr > .sorting_1, .dataTables_wrapper table.dataTable.display tbody tr.odd > .sorting_1, .dataTables_wrapper table.dataTable.display tbody tr.even > .sorting_1 {
background: transparent !important;
}
@media (max-width: 767px) {
.dataTables_wrapper {
margin: 20px 0 0;
}
} .header {
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.22);
position: relative;
z-index: 999;
}
.header .loginMember {
float: right;
min-height: 55px;
position: relative;
display: -webkit-flex;
display: flex;
align-items: center;
flex-wrap: wrap;
border-left: 1px solid #ddd;
padding: 20px 0;
min-height: 98px;
}
.header .loginMember .title {
font-size: 11px;
display: block;
margin: 0;
line-height: 18px;
padding-left: 10px;
padding-right: 10px;
text-align: right;
}
.header .loginMember .title > strong {
display: block;
font-size: 14px;
font-weight: normal;
}
.header .loginMember .prflPic {
width: 60px;
height: 60px;
border-radius: 100%;
border: 3px solid rgba(0, 122, 137, 0.5);
position: relative;
}
.header .loginMember .prflPic img {
border-radius: 50%;
}
.header .loginMember .prflPic .count {
position: absolute;
bottom: -5px;
right: -5px;
background: #639e35;
color: white;
min-width: 25px;
height: 25px;
padding: 5px;
font-size: 12px;
line-height: 15px;
display: inline-block;
border-radius: 50%;
text-align: center;
}
@media (max-width: 1199px) {
.header .loginMember {
margin-left: 10px;
}
}
@media (max-width: 575px) {
.header .loginMember {
display: none;
padding-left: 10px;
}
.header .loginMember .title {
width: 100%;
display: none;
}
.header .loginMember .title {
width: 100%;
}
}
.logo {
display: inline-block;
margin: 20px 0;
}
.logo img {
max-width: 150px;
} .mobnavIcon {
font-size: 30px;
line-height: 60px;
margin: 19px 0;
display: inline-block;
}
.navWrap {
display: -webkit-flex;
display: flex;
align-items: center;
justify-content: flex-end;
}
.topNav {
font-size: 14px;
}
.topNav ul {
padding: 0;
margin: 0;
list-style: none;
}
.topNav ul li {
display: block;
position: relative;
}
.topNav ul li a {
display: block;
color: #000;
}
.topNav ul li a:hover {
color: #007a89;
}
@media (min-width: 1200px) {
.topNav ul {
float: right;
}
.topNav ul > li, nav.topNav ul.menu > li.menu-item-override {
display: inline-block;
padding: 5px 13px;
border-left: 1px solid #e6f4f8;
text-align: center;
}
.topNav ul > li:first-child {
border-left: 0;
padding-left: 0;
}
.topNav ul > li.presentation-mobile {
display: none !important;
}
.topNav ul > li:hover > a, .topNav ul > li.active > a {
color: #004d56;
}
.topNav ul ul {
display: none;
width: 250px;
position: absolute;
left: 0;
top: 100%;
z-index: 999;
padding-top: 32px;
}
.topNav ul ul > li {
border-left: 0;
background: #007a89;
border-top: 1px solid #008898;
padding: 0;
display: block;
text-align: left;
}
.topNav ul ul > li a {
color: #ffffff;
padding: 5px 15px;
display: block;
}
.topNav ul ul > li:hover > a {
background: #008898;
color: #ffffff;
}
.topNav ul ul ul {
left: 100%;
top: 0;
}
.topNav ul li:hover > ul.sub-menu {
display: block;
}
} .sidenav {
height: 100%;
width: 0;
position: fixed;
z-index: 9999;
top: 0;
left: 0;
background: #007a89;
overflow-x: hidden;
transition: 0.5s;
padding-top: 26px;
}
.sidenav .closebtn {
position: absolute;
top: 0;
right: 0;
font-size: 20px;
width: 26px;
height: 26px;
background: #000000;
color: #ffffff;
text-align: center;
line-height: 26px;
}
.sidenav .closebtn:hover {
color: #ffffff;
background: #007a89;
}
.sidenav a {
color: #ffffff;
}
.sidenav .topNav {
width: 300px;
border-bottom: 1px solid #008898;
}
.sidenav .topNav ul li {
border-top: 1px solid #008898;
}
.sidenav .topNav ul li a {
color: #ffffff;
padding: 5px 15px;
}
.sidenav .topNav ul li:hover > a {
background: #008898;
} .footer {
background: #bfe4ed;
}
.footer .footLogo {
text-align: center;
display: inline-block;
}
.footer .footLogo img {
max-width: 140px;
width: 100%;
margin: 0 0 15px 0;
}
@media (min-width: 1200px) {
.footer .footLogo img {
margin-bottom: 30px;
}
}
.footLogo .copyright {
font-size: 10px;
margin: 0;
}
.footer .footNav {
padding: 0;
margin: 0;
list-style: none;
display: inline-block;
}
.footer .footNav li {
padding: 6px 0 0;
}
.footer .footNav li:first-child {
padding-top: 0;
}
.footer .footNav li a {
color: #007a89;
}
.footer .footNav li a:hover {
color: #004d56;
} .btn-block .btn {
margin: 3px;
}
.btn {
border-radius: 25px;
font-size: 14px;
line-height: 18px;
padding: 15px 30px;
}
.btn.btn-dark {
background-color: #007a89;
border-color: #007a89;
}
.btn.btn-dark:hover {
background-color: #004d56;
border-color: #004d56;
}
.btn.btn-white {
background-color: #ffffff;
border-color: #ffffff;
color: #007a89;
}
.btn.btn-white:hover {
background-color: #e6e6e6;
border-color: #e6e6e6;
}
.btn.btn-dark-border {
background-color: #ffffff;
border-color: #007a89;
color: #007a89;
}
.btn.btn-dark-border:hover {
background-color: #004d56;
border-color: #004d56;
color: #ffffff;
}
@media (min-width: 1200px) {
.btn {
min-width: 200px;
}
}
.btn-icon-post {
background-image: url(//obesityopen.org/content/themes/open/assets/images/upload-icon.svg);
background-size: 16px;
background-repeat: no-repeat;
background-position: 20px center;
padding-left: 50px;
}
@media (max-width: 575px) {
#btn-icon-post {
padding: 15px 15px 15px 40px;
}
}
@media (min-width: 1200px) {
#btn-icon-post {
background-position: 40px center;
padding-left: 70px;
min-width: auto;
}
} .carousel-item {
padding: 30px;
background-repeat: no-repeat;
background-position: center top;
background-size: cover;
}
.hero-content h1 {
font-weight: 700;
margin-bottom: 20px;
}
.btn-block {
justify-content: center;
display: flex;
}
.carousel-item img {
object-fit: cover;
max-height: 600px;
object-position: center;
}
@media (min-width: 768px) {
.carousel-item {
background-image: none !important;
padding: 0;
}
}
.carousel-caption {
left: 0;
right: 0;
bottom: auto;
top: 50%;
transform: translateY(-50%);
}
.carousel-caption .row {
display: flex;
justify-content: center;
}
.carousel-caption h1,
.wp-block-cover h1 {
text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
letter-spacing: 0.7px;
text-transform: uppercase;
margin: 0;
}
.carousel-caption .btn-block,
.carousel-caption .wp-block-group {
margin: 15px 0 0;
}
@media (max-width: 767px) {
.carousel-item {
height: 40vh;
}
.carousel-caption {
position: absolute;
left: 20px;
right: 20px;
top: auto;
bottom: 40px;
padding: 15px;
background: rgba(0, 0, 0, 0.6);
}
.carousel-caption .col-12 {
padding: 0;
}
}
@media (min-width: 768px) {
.carousel-caption {
text-align: left;
}
} .sky-bg {
background: #bfe4ed;
color: #007a89;
}
.ocean-bg {
background: #007a89;
color: #ffffff;
}
.contentBox {
padding: 30px;
box-shadow: 0 13px 23px 0 rgba(0, 0, 0, 0.13);
}
.contentBox.dark-bg {
background: #007a89;
color: #ffffff;
}
.contentBox.dark-bg .form-control {
background: rgba(255, 255, 255, 0.18);
border-color: #008898;
color: rgba(255, 255, 255, 0.8);
}
.contentBox.dark-bg .form-control::placeholder {
color: rgba(255, 255, 255, 0.7);
}
.pageTitle, .pageTitle, .secTitle, .title {
margin: 0 0 20px 0;
color: #007a89;
}
.title-wrap {
margin: 0 0 20px 0;
}
.title-wrap .pageTitle, .title-wrap .secTitle, .title-wrap .title {
margin: 0;
}
.title-wrap .pageTitle {
text-transform: uppercase;
}
.title-wrap .pageTitleNoCapitals {
text-transform: none;
}
.title-wrap p {
margin: 0;
}
.title-wrap hr {
margin: 20px 0 0;
}
.filterText {
color: #007a89;
padding-bottom: 20px;
}
.filterText .clearFilter {
display: inline-block;
color: #74675d;
margin-left: 15px;
}
.resultCount span {
display: block;
} .entry ul {
margin: 1px 0;
padding: 0;
list-style: none;
}
.entry ul > li {
margin-bottom: 10px;
padding: 0;
position: relative;
padding-left: 15px;
}
.entry ul > li:before {
content: '\f111';
font-family: "Font Awesome 5 Free";
font-weight: 700;
font-size: 9px;
position: absolute;
top: 2px;
left: 2px;
color: #000;
}
.entry ul > li li {
padding-left: 15px;
margin-bottom: 5px;
}
.entry ul > li li a {
text-decoration: underline;
}
.entry ul ul {
margin: 5px 0 10px 0;
}
.entry ol {
margin: 20px 0;
padding: 0 0 0 20px;
counter-reset: item;
}
.entry img {
margin: 0 0 30px 0;
}
.entry img.alignleft {
float: left;
margin: 5px 30px 30px 0;
}
.entry img.alignright {
float: right;
margin: 5px 0 30px 30px;
} .statisticWrap {
background: rgba(255, 255, 255, 1);
padding: 30px 0;
}
.statisticWrap .statisticBox {
color: #007a89;
}
.statisticWrap .statisticBox .icon {
max-width: 60px;
display: inline-block;
margin: 0 0 10px 0;
}
.statisticWrap .statisticBox .icon img {
height: 70px;
width: 70px;
}
.statisticWrap .statisticBox p {
margin: 0;
}
@media (max-width: 575px) {
.statisticWrap .col-12 .statisticBox
.statisticWrap .wp-block-column .statisticBox {
padding: 15px 0;
border-top: 2px solid #007a89;
}
.statisticWrap .col-12:first-child .statisticBox
.statisticWrap .wp-block-column:first-child .statisticBox {
border-top: 0;
}
.statisticWrap .col-12:last-child .statisticBox
.statisticWrap .wp-block-column:last-child .statisticBox {
padding-bottom: 0;
}
}
@media (max-width: 767px) {
.statisticWrap {
padding-bottom: 0;
}
.statisticWrap .statisticBox {
padding: 15px;
}
}
@media (min-width: 768px) {
.statisticWrap .col-12,
.statisticWrap .wp-block-column {
border-right: 2px solid #007a89;
}
.statisticWrap .col-12:last-child,
.statisticWrap .wp-block-column:last-child { border-right: 0;
}
}
@media (min-width: 992px) {
.statisticWrap { }
}
@media (min-width: 1200px) {
.statisticWrap .statisticBox { padding: 0 20px 0 0;
}
.statisticWrap .statisticBox .icon {
max-width: 100px;
margin: 0 0 20px 0;
}
}
.wp-block-media-text {
border-radius: 4px;
overflow: hidden;
box-shadow: 0 13px 23px 0 rgba(0, 0, 0, 0.13);
color: #ffffff;
}
.wp-block-media-text .wp-block-media-text__media {
align-self: normal;
}
.wp-block-media-text .wp-block-media-text__media {
align-self: normal;
}
.wp-block-media-text > figure > img {
max-width: unset;
width: 100%;
vertical-align: top;
height: 100%;
}
.wp-block-media-text .wp-block-media-text__content {
padding: 30px;
} .ctaWrap .ctaBox {
height: 100%;
width: 100%;
padding: 15px 0;
}
.ctaWrap .ctaBox .innerBox {
height: 100%;
width: 100%;
object-fit: contain;
border-radius: 4px;
overflow: hidden;
box-shadow: 0 13px 23px 0 rgba(0, 0, 0, 0.13);
background: #ffffff;
position: relative;
}
.ctaWrap .ctaBox .innerBox.border {
border: 2px solid #007a89 !important;
}
.ctaWrap .ctaBox .innerBox .imgBox {
background-size: cover;
background-position: 0 0;
background-repeat: no-repeat;
width: 100%;
}
.ctaWrap .ctaBox .innerBox .imgBox img {
width: 100%;
height: 100%;
}
.ctaWrap .ctaBox .innerBox .textBox {
padding: 30px 30px;
}
@media (min-width: 768px) {
.ctaWrap .ctaBox .innerBox .textBox.hasBtn {
padding-bottom: 80px;
}
.ctaBox.dark .textBox.hasBtn {
position: relative;
}
.ctaWrap .ctaBox .innerBox .textBox .btn {
position: absolute;
bottom: 30px;
right: 30px;
width: 170px;
padding: 15px;
min-width: 50px;
}
}
.ctaWrap .ctaBox .innerBox .textBox h3, .ctaWrap .ctaBox .innerBox .textBox h4, .ctaWrap .ctaBox .innerBox .textBox h5 {
color: #007a89;
}
.ctaWrap .ctaBox.dark .innerBox {
background: #007a89;
color: #ffffff;
}
.ctaWrap .ctaBox.dark .innerBox .textBox h2, .ctaWrap .ctaBox.dark .innerBox .textBox h3, .ctaWrap .ctaBox.dark .innerBox .textBox h4 {
color: #ffffff;
}
@media (min-width: 768px) {
.ctaWrap .ctaBox.dark .innerBox .textBox .btn {
left: 50%;
transform: translateX(-50%);
}
}
.ctaWrap .ctaBox.ctaBox1 .innerBox {
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
}
@media (min-width: 768px) {
.ctaWrap .ctaBox.ctaBox1 .innerBox > div {
width: 50%;
height: 100%;
}
}
@media (min-width: 1200px) {
.ctaWrap .ctaBox.ctaBox4 .innerBox .textBox {
padding: 30px 220px 30px 30px;
}
.ctaWrap .ctaBox.ctaBox4 .innerBox .textBox p {
margin-bottom: 0;
}
}
.ctaWrap .ctaBox.ctaBox5 .textBox {
height: 100%;
}
.ctaWrap.obesity-page-cta .ctaBox .innerBox {
display: flex;
align-items: center;
justify-content: center;
}
.ctaWrap.obesity-page-cta .ctaBox .innerBox.mapWrap {
display: block;
}
.ctaWrap.obesity-page-cta .ctaBox .innerBox .textBox {
padding: 30px;
}
.ctaWrap.obesity-page-cta .ctaBox .innerBox .textBox p:last-child {
margin-bottom: 0;
}
.ctaWrap.obesity-page-cta .ctaBox .innerBox .btn {
position: relative;
bottom: auto;
left: auto;
right: auto;
margin-top: 30px;
}
.ctaWrap.obesity-page-cta .ctaBox.ctaBox1 .innerBox .textBox {
height: auto;
} .clientlogoWrap {
background: #007a89;
}
.clientlogoWrap .clientlogo {
padding: 0;
margin: 0;
list-style: none;
}
.clientlogoWrap .clientlogo .owl-stage {
display: -webkit-flex;
display: flex;
align-items: center;
}
.clientlogoWrap .clientlogo .owl-dots {
display: none;
} .workbox {
height: 100%;
padding: 15px 0;
}
.workbox .innerBox {
text-align: center;
padding: 30px;
box-shadow: 0 13px 23px 0 rgba(0, 0, 0, 0.13);
height: 100%;
color: #007a89;
}
.workbox .icon {
width: 65px;
height: 65px;
display: inline-block;
border-radius: 50%;
font-size: 27px;
line-height: 35px;
color: #ffffff;
background: #639e35;
text-align: center;
padding: 15px;
margin-bottom: 20px;
} .postBox-row {
border-top: 1px solid #00d5ef;
padding: 15px 0;
}
.postBox-row .postBox {
height: 100%;
padding: 15px 0;
}
.postBox-row:first-child {
border-top: 0;
} .postBox.flexBox {
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
}
.postBox.flexBox > div {
width: 100%;
}
.postBox.flexBox > div.btn-block {
align-self: flex-end;
}
.postBox .innerBox {
box-shadow: 0 8px 15px 0 rgba(0, 0, 0, 0.13);
}
.postBox .imgWrap {
position: relative;
}
.postBox .imgWrap img {
width: 100%;
}
.postBox .imgWrap iframe {
width: 100%;
}
.postBox .imgWrap .videoIcon {
position: absolute;
width: 50px;
height: 50px;
background-image: url(//obesityopen.org/content/themes/open/assets/images/playicon.svg);
background-repeat: no-repeat;
background-size: 90%;
background-position: center;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
z-index: 1;
}
.postBox .imgWrap .fileIcon {
position: absolute;
width: 90px;
height: 90px;
background-image: url(//obesityopen.org/content/themes/open/assets/images/FILE.png);
background-repeat: no-repeat;
background-size: 90%;
background-position: center;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
z-index: 1;
}
.postBox .imgWrap .speakerIcon {
position: absolute;
width: 90px;
height: 90px;
background-image: url(//obesityopen.org/content/themes/open/assets/images/SPEAKER.png);
background-repeat: no-repeat;
background-size: 90%;
background-position: center;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
z-index: 1;
}
.postBox .imgWrap .picIcon {
position: absolute;
width: 90px;
height: 90px;
background-image: url(//obesityopen.org/content/themes/open/assets/images/PICTURE.png);
background-repeat: no-repeat;
background-size: 90%;
background-position: center;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
z-index: 1;
}
.postBox .textBox {
padding: 20px;
}
.postBox .textBox .link {
text-transform: uppercase;
position: absolute;
display: block;
bottom: 15px;
right: 15px;
} .objectivesBox {
padding: 15px 0;
color: #007a89;
}
.objectivesBox .iconBox {
width: 300px;
height: 200px;
line-height: 150px;
display: inline-block;
} .icons h2, .icons h4 {
color: #007a89;
}
.icons h4 {
font-family: "Verdana-Bold";
margin: 0;
font-size: 16px;
}
@media (min-width: 992px) {
.col-lg-8th {
-ms-flex: 0 0 12.5%;
flex: 0 0 12.5%;
max-width: 12.5%;
}
} @media (min-width: 1200px) {
.partnersWrap .col-12 {
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%;
}
}
.partnersBox {
text-align: center;
padding: 15px 0;
height: 100%;
}
.partnersBox .innerBox {
position: relative;
box-shadow: 0 0 5px #ddd;
padding: 15px;
height: 100%;
}
.partnersBox .innerBox .imgBox {
max-width: 80%;
display: inline-block;
padding: 30px 15px;
}
.partnersBox .innerBox .textBox {
font-size: 14px;
line-height: 20px;
margin: 15px 0 0;
color: #007a89;
}
.partnersBox .innerBox .overlay {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
width: 100%;
height: 100%;
z-index: 1;
background: #007a89;
display: -webkit-flex;
display: flex;
align-items: center;
justify-content: center;
opacity: 1;
transition: all ease .5s;
}
.partnersBox:hover .innerBox > .overlay {
opacity: 0;
z-index: -1;
} #contact-form .btn-lg {
background-color: #ffffff;
border-color: #ffffff;
color: #007a89;
}
.footer .footNav ul {
padding: 0;
margin: 0;
list-style: none;
display: inline-block;
}
.footer .social-links {
font-size: 1.8rem;
}
a {
word-break: break-word;
}
.carousel { overflow: hidden;
}
#partnersBlock {
margin-top: 20px;
}
small.small-text {
font-size: 50%;
font-weight: 700;
margin-bottom: 10px;
display: inline-block;
vertical-align: middle;
margin-left: -15px;
}
div.copyright {
color: #007a89;
font-size: 12px;
font-family: Verdana;
}
div.copyright-date-bottom {
color: #007a89;
font-size: 10px;
font-family: Verdana;
margin-top: 42px;
margin-bottom: 0px;
}
h3.special-h3 {
font-size: 26px;
}
.references-block-text {
font-size: 13px;
}
.references-block-title {
font-size: 26px;
color: #007a89;
}
#loginTitle {
text-transform: none !important;
}
.form-check {
margin-top: 20px !important;
}
.carousel-inner::after {
display: block;
clear: both;
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
height: 100%;
width: 100%;
opacity: 0.2;
transition: .5s ease;
background-color: #333;
}
li.presentation-mobile {
display: none !important;
}
@media only screen and (max-width: 600px) {
div.copyright-right {
margin-top: 10px;
}
}
@media only screen and (orientation: landscape)  and (max-device-width: 675px) {
.carousel-item {
height: 75vh;
}
.footLogo {
margin-bottom: 20px;
}
.footCol {
margin-bottom: 30px;
}
}
@media only screen and (min-width: 359px) and (max-width: 361px) {
div.carousel-caption {
top:25px;
}
h1{
font-size: 25px;
}
a.btn{
padding: 5px 15px;
}
}
ul.selection-list {
margin: 0;
padding: 0;
list-style: none;
}
ul.selection-list ul {
list-style: none;
}
.extra-margin {
margin-bottom: 23px;
}
.extra-large-margin {
margin-bottom: 56px;
}
.wp-block-button.alignleft {
display: inline-block;
}
.full-image {
max-height: 80vh;
overflow: hidden;
}
.card-text {
margin-top: 0;
margin-bottom: 15px;
}
.border-top{
border-top: 1px rgba(0, 122, 137, 0.3) solid !important;
}
.min-width-200{
min-width: 200px;
}
.faqs .accordion .card {
border: 0;
border-radius: 0;
}
.faqs .accordion .card .card-header {
border: 0;
border-radius: 0;
background-color: #007a89;
font-family: "Verdana-Bold";
color: #fff;
padding:
}
.faqs .accordion .card .card-body {
background-color: #f2f8f9;
}
.faqs .accordion .card .card-header[aria-expanded=true] {
background-color: #4da2ad;
}
.faqs .accordion .card .card-header .fas {
float: right;
transition-duration: 0.5s;
}
.faqs .accordion .card .card-header[aria-expanded=true] .fas {
transform: rotate(45deg);
} .badge-dark {
background-color: #007a89;
border-color: #007a89;
}
.badge-lg {
padding: .125rem .5rem;
line-height: 26px;
}
.csf-feed {
margin-left: -10px;
margin-right: -10px;
}
.csf-feed .csf-posts {
display: block;
}
.csf-posts:after {
content: '';
display: block;
clear: both;
}
.csf-post-preview {
margin: -19.5px;
margin-bottom: 20px;
border-radius: 5px;
overflow: hidden;
}
.csf-post-preview .csf-post-preview-image {
margin-bottom: 0;
}
.csf-post-preview-title {
padding-top: 19.5px;
padding-left: 19.5px;
padding-right: 19.5px;
display: block;
}
.csf-feed .csf-post {
background: white;
box-shadow: 0px 0px 1px rgba(37, 37, 37, 0.1), 0px 0px 30px rgba(48, 49, 51, 0.15);
margin: 10px;
float: left;
padding: 19.5px;
font-size: 12px;
line-height: 19.2px;
width: calc(100% - 20px);
}
@media only screen and (min-width: 768px) {
.csf-feed .csf-post {
width: calc(50% - 20px);
}
}
@media only screen and (min-width: 992px) {
.csf-feed .csf-post {
width: calc(33.33% - 20px);
}
}
@media only screen and (min-width: 1500px) {
.csf-feed .csf-post {
width: calc(25% - 20px);
}
}
.page-id-2257 .wpcf7-form-control-wrap[data-name="areas"] .wpcf7-list-item {
display: block;
}
.page-id-1814  .content-area h4,.page-id-1814  .content-area h2{
color: #007a89;
}
.page-id-1814  .content-area .mejs-container {
margin-top: 2rem;
margin-bottom: 3rem;
}
.page-id-1814  .content-area img {
margin-right: 2rem;
}
.page-id-1814  .ctaWrap .ctaBox .innerBox {
box-shadow: unset;
}
.page-id-1814  .ctaWrap .ctaBox .innerBox img {
width: 113px;
height: 113px;
}
.page-id-1814  .ctaWrap .ctaBox .innerBox .card-text img {
width: unset;
height: unset;
margin-top: 0.25rem;
margin-right: 1rem;
margin-left: 1rem;
}
.page-id-1814  .ctaWrap .ctaBox .innerBox h5 {
font-size: 24px;
line-height: 160%;
text-transform: uppercase;
text-align: center;
}
.navbar-toggler {
cursor: pointer;
padding: 7px 10px;
display: inline-block;
overflow: hidden;
border-radius: 0;
position: relative;
z-index: 1000;
}
@media (max-width: 767px) {
.navbar-toggler {
margin-left: auto;
}
}
.navbar-toggler:focus {
outline: none;
}
.navbar-toggler div {
width: 30px;
height: 3px;
background: #017A89;
box-shadow: 0px 0px 10px rgba(48, 49, 51, 0.15);
margin-top: 7px;
margin-bottom: 7px;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: 0.5s ease-in-out;
-moz-transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
}
.navbar-toggler.active {
padding: 7px 3px;
}
.navbar-toggler.active div {
width: 40px;
}
.navbar-toggler.active div:nth-child(1) {
-webkit-transform: translateY(10px) rotate(-135deg);
-moz-transform: translateY(10px) rotate(-135deg);
-o-transform: translateY(10px) rotate(-135deg);
transform: translateY(10px) rotate(-135deg);
}
.navbar-toggler.active div:nth-child(2) {
opacity: 0;
-webkit-transform: translateX(80px);
-moz-transform: translateX(80px);
-o-transform: translateX(80px);
transform: translateX(80px);
}
.navbar-toggler.active div:nth-child(3) {
-webkit-transform: translateY(-10px) rotate(135deg);
-moz-transform: translateY(-10px) rotate(135deg);
-o-transform: translateY(-10px) rotate(135deg);
transform: translateY(-10px) rotate(135deg);
}
.events_cat_filters .btn {
padding: 10px 16px;
background-color: #E0E0E0;
color: #000;
margin-right: 2rem;
min-width: unset;
border-radius: 4px;
margin-bottom: 0.5rem;
}
.events_cat_filters .btn.query-active {
background-color:#017A89 ;
color: #fff;
}
.events_cat_filters { }
#calendar {
padding-top: 1rem;
margin-top: 3rem;
padding-left: 1rem;
padding-right: 1rem;
border: 1px #ddd solid;
border-top: 5px #017A89 solid;
border-bottom: none;	
margin-bottom: 5rem;
}
.fc-toolbar-title {
color: #017A89;
}
.hero_new, .cta_new {
width: 100%;
position: relative;
display: flex;
justify-content: center;
align-items: center;
min-height: 350px;
padding-top: 30px;
padding-bottom: 30px;
}
.hero-sm {
min-height: 0;
}
.hero_new:after, .cta_new:after {
content: '';
width: 100%;
background-color: rgba(51, 51, 51, 0.6);
height: 100%;
position: absolute;
left: 0;
top: 0;
}
.hero_new img, .hero_new video, .cta_new img, .cta_new video  {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: white;
object-fit: cover;
}
.hero_new .container, .cta_new .container  {
z-index: 2;
}
.hero_new .hero-content, .cta_new .hero-content {
color: #fff;
}
.cta_new .hero-content {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
.hero_new .hero-content h1, .cta_new .hero-content h1 {
font-weight: 700;
font-size: 54px;
line-height: 58px;
letter-spacing: 0.05em;
text-transform: uppercase;
}
@media (max-width: 767px) {
.hero_new, .cta_new {
min-height: unset;
padding: 80px 0px;
}
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.hero_new, .cta_new {
overflow: hidden;
-ms-scroll-limit: 0 0 0 0;
}
}
.fc .fc-header-toolbar .fc-button {
text-transform: capitalize;
}
.fc-h-event {
--fc-event-border-color: #017A89;
--fc-event-bg-color:#017A89;
}
.fc .fc-button-primary {
--fc-button-text-color: #fff;
--fc-button-bg-color: #204E57;
--fc-button-border-color: #204E57;
}
.fc .fc-button-primary:not(:disabled).fc-button-active, .fc .fc-button-primary:not(:disabled):active {
--fc-button-active-bg-color:#017A89;
--fc-button-active-border-color:#017A89;
}
.fc .fc-button-primary:disabled {
--fc-button-bg-color:#74675D;
--fc-button-border-color:#74675D;
}
.fc-daygrid-event-dot {
--fc-event-border-color:#017A89;
}
.cta_new h2 {
font-weight: 700;
font-size: 48px;
line-height: 120%;
text-align: center;
color: #F9F9F9;
}
.cta_new .btn {
background: #017A89;
border-radius: 83px;
color: #fff;
padding: 12px 24px;
margin-top: 1.5rem;
}
.topNav .menu-item-override a {
padding: 12px 24px;
background: #017A89;
border-radius: 83px;
font-weight: 400;
font-size: 14px;
line-height: 19px;
color: #FFFFFF;
}
.topNav .menu-item-override a:hover {
color: #fff;
background: #004d56;
}
.topNav {
display: flex;
flex-direction: row-reverse;
align-items: center;
}
.topNav ul > li {
border: none;
}
.menu-item-has-children:after {
content: '⌵';
position: absolute;
left: auto;
right: -3px;
top: 10%;
transition: all 0.4s;
}
.menu-item-has-children:hover:after {
transform: rotate(180deg) translate(0px, -4px);
}
@media (max-width: 768px) {
.fc .fc-toolbar {
flex-direction: column;
}
.fc-toolbar-chunk {
margin-bottom: 0.5rem;
}
}
.single-content {
padding-top: 3rem;
padding-bottom: 3rem;
}
.single-content h3 {
font-size: 24px;
line-height: 140%;
font-weight: 400;
color: #017A89;
}
.news_wrapper .card {
box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.25);
}
.tooltip {
opacity: 1;
}
.tooltip-inner {
background-color: #204E57;
}
.card .btn {
background-color: #017A89;
color: #fff;
display: block;
}
.ajax-load-more .btn {
background-color: #017A89;
color: #fff;
}
.events .card .date {
display: flex;
align-items: center;
}
.events .card .card-image-top {
height: 280px;
object-fit: cover;
}
.events .card .date svg {
margin-right: 8px;
}
.events .card .date svg:last-of-type {
margin-left: 8px;
}
.term_name {
font-weight: 400;
font-size: 12px;
line-height: 19px;
color: #204E57;
margin-right: 2rem;
margin-top: 1rem;
display: inline-block;
}
.ajax-posts-masonry article:not(.images-loaded) {
visibility: hidden;
}