/*

PESA Colours

Black: #040808
Gold: #FBD47C / FBD47C
Blue: #46AED2
Grey: #EEE

Dark Gold #BD9B40
*/

/* ============================ General ============================== */
body {background-color:#eee;}
h1,h2,h3,h4 {font-weight:800}

a {color:#46AED2}
.pesa-btn {display: inline-block;background-color: #46AED2;color: #fff;padding: 9px 24px; border-radius: 24px; font-weight: 500;}

img {display:initial;}

/* Page Classes */

body.main-black {background-color:#040708;}
body.main-black #sp-main-body {padding:50px 0;color:#fff;}
body.no-component #sp-main-body {display:none;}
body.pesa-full-width .container {width:auto;max-width:96%}

/* ============================= Header ================================ */

#sp-header {background-color:#040708;height:auto;}
#sp-header .logo-image {margin-top:13px;}

#sp-header .burger-icon>span {background-color:#fff;}

#sp-header .sp-megamenu-wrapper {margin-top:33px}
#sp-header ul.sp-megamenu-parent > li.sp-menu-item.menu-link-mobile-only {display:none}
body.ltr .sp-megamenu-parent>li.sp-has-child>a:after, body.ltr .sp-megamenu-parent>li.sp-has-child>span:after {display:none;}
#sp-header ul.sp-megamenu-parent > li > a {
    padding: 30px 12px 25px;
    font-size: 1.4rem;
    color: #ffffff;
    font-weight: 700;
    text-transform: uppercase;
    line-height:200%;
}

#sp-header ul.sp-megamenu-parent .sp-menu-item.itemid-113 > a {padding-right: 0}

body.ltr .sp-megamenu-parent .itemid-739 .sp-dropdown.sp-dropdown-main.sp-menu-right,
body.ltr .sp-megamenu-parent .itemid-113 .sp-dropdown.sp-dropdown-main.sp-menu-right {right:0;left:auto}


/* PESA Top Menu and Icons */

.pesa-top-menu {position:absolute;top:3px;right:0;z-index: 9999}
.pesa-top-menu ul {padding:0;margin: 0;display:inline-block;}
.pesa-top-menu li {list-style:none;display: inline-block;}
#sp-header .pesa-top-menu .menu li a {color:#f5d282;display:block;padding: 10px 15px;font-size:0.9em}
#sp-header ul.sp-megamenu-parent > li > a:hover, #sp-header ul.sp-megamenu-parent > li.active > a {color:#46AED2}
#sp-header .pesa-top-menu .menu li.active a {color:#fafafa}

ul.pesa-icons-list {padding:0;margin: 0;display:inline-block;}
.pesa-icons-list li {display:inline-block}
body.site div ul.pesa-icons-list li a {display:block;height:40px;width: 40px;margin:2px;text-align:center;padding-top: 9px}
body.site div ul.pesa-icons-list li a i {color:white !important;}
.pesa-icons-list a:hover {opacity:0.8}

/* Component */
#sp-main-body {padding: 50px 0}

/* Normal Article Page */
body.view-article #sp-component.col-lg-8 {background:#fff;border-radius:30px;padding:50px}
#sp-right .menu li a {display: block;list-style: none;border-top: 1px solid #999;text-align: left;}
#sp-right .menu li ul li a {padding-left: 15px;font-size:0.9em;}
#sp-right .menu li ul li ul li a {padding-left: 25px;font-size:0.9em;}
#sp-right .menu li ul li ul li a::before {content:" → "}

#sp-left .sp-module, #sp-right .sp-module {border:0}

/* category blog */
.article-list .article {background-color:white;padding:30px;border-radius:30px;}
.article-list .article td {vertical-align:top}

/*
============================= Module - Squares
pesa-squares-wrapper squares-color-style-1 squares-layout-style-1 squares-link-style-1 squares-title-size-3
*/

.pesa-squares-wrapper {padding: 80px 0;background-size:cover;background-position: center;}

#sp-above-content .sp-module:nth-child(1) .pesa-squares-wrapper {padding-top:50px}

.pesa-squares-wrapper.squares-color-style-1 {background-color: #040808;color:#FFF;}
.pesa-squares-wrapper.squares-color-style-2 {background-color: #FFF;color:#111;}
.pesa-squares-wrapper.squares-color-style-3 {background-color: #EEE;color:#111;}
.pesa-squares-wrapper.squares-color-style-4 {background-color: #BD9B40;color:#FFF;}
.pesa-squares-wrapper.squares-color-style-5 {background-color: #46AED2;color:#FFF;}

.pesa-main-container.main-white-box-1 {background-color:#FFF;border-radius: 30px;padding:50px;font-weight:300}
.pesa-squares-wrapper .pesa-title {font-weight: 900;line-height: 110%;}
.pesa-squares-wrapper.squares-title-size-1 .pesa-title {font-size: 2em}
.pesa-squares-wrapper.squares-title-size-2 .pesa-title {font-size: 3em}
.pesa-squares-wrapper.squares-title-size-3 .pesa-title {font-size: 4em}

.pesa-squares-wrapper .pesa-surtitle {color:#46AED2;font-size:1.2em;font-weight:600}
.pesa-squares-wrapper .pesa-main-content {font-size:1.4em;font-weight:300;margin:20px 0}

.pesa-button {display: inline-block;padding: 10px 20px;border-radius: 10px;font-weight: 500;margin-top: 20px;}
.pesa-text-link {font-weight: 500;margin-top: 20px;}
.pesa-button i, .pesa-text-link i {margin-left:10px;transition: margin 0.4s;}
.pesa-button:hover i, .pesa-text-link:hover i {margin-left:20px;}
.pesa-squares-wrapper.squares-link-style-2 .pesa-text-link {color:#FFF;}
.pesa-squares-wrapper.squares-link-style-3 .pesa-text-link {color:#46AED2;}
.pesa-squares-wrapper.squares-link-style-4 .pesa-button {background-color: rgba(255,255,255,0.8);color:#111;}
.pesa-squares-wrapper.squares-link-style-5 .pesa-button {background-color: #BD9B40;color:#FFF;}
.pesa-squares-wrapper.squares-link-style-6 .pesa-button {background-color: #46AED2;color:#FFF;}

.pesa-squares {display: flex;justify-content: space-between;flex-wrap: wrap;}
.pesa-square {margin-bottom: 25px;}
.pesa-square img {display:inline;}
.pesa-squares.pesa-cols-2 .pesa-square {width: calc(50% - 15px);padding:30px 30px 15px;}
.pesa-squares.pesa-cols-2 {text-align: center;}
.pesa-squares.pesa-cols-2 .pesa-square p {font-size:0.9em;line-height: 110%;}

.pesa-squares.pesa-cols-3 .pesa-square {width: calc(33.333% - 15px);padding:15px;}
.pesa-squares.pesa-cols-4 .pesa-square {width: calc(25% - 15px);padding:15px;}

.pesa-bottom-squares {margin-top:50px;}
a.pesa-square {}

.squares-color-style-1 .pesa-square {color:#FFF;}
.squares-color-style-2 .pesa-square {color:#111;}
.squares-color-style-3 .pesa-square {color:#111;}
.squares-color-style-4 .pesa-square {color:#FFF;}
.squares-color-style-5 .pesa-square {color:#FFF;}

.squares-mini-square-1 .pesa-square::before,.squares-mini-square-2 .pesa-square::before,.squares-mini-square-3 .pesa-square::before {
  content:"";display: block;width: 50px;height:50px;margin:0 0 20px;border-radius:6px;opacity: 0.6;
}
a.pesa-square:hover::before {opacity:0.9}

.squares-mini-square-1 .pesa-square::before {background-color:white;}
.squares-mini-square-2 .pesa-square::before {background-color:#FBD47C;}
.squares-mini-square-3 .pesa-square::before {background-color:#46AED2;}

.pesa-squares-wrapper.squares-items-color-1 .pesa-square {color:#FFF;}
.pesa-squares-wrapper.squares-items-color-2 .pesa-square {color:#000;}
.pesa-squares-wrapper.squares-items-color-3 .pesa-square {background-color:#FFF;color:#000;border-radius:30px;}
.pesa-squares-wrapper.squares-items-color-4 .pesa-square {background-color:#EEE;color:#000;border-radius:30px;}
.pesa-squares-wrapper.squares-items-color-5 .pesa-square {color:#FFF;background-color:#FBD47C;border-radius:30px;}
.pesa-squares-wrapper.squares-items-color-6 .pesa-square {color:#FFF;background-color:#46AED2;border-radius:30px;}

.pesa-square-left.col-md-6 .pesa-square {aspect-ratio: 1;padding:30px;}
.pesa-square-left.col-md-6 .pesa-square h4 {font-size:1em;}

#pesa_feeds_wrapper {padding:80px 0;}
#pesa_feeds_wrapper .row {justify-content:space-between;}
#pesa_feeds_wrapper h2 {text-align:center;font-weight:900;position: relative;margin-bottom:80px;}
#pesa_feeds_wrapper h2::after {position:absolute;height: 6px;width:90px;content:"";display:block;background-color:#FBD47C;left:50%;margin-left:-45px;bottom:-20px}
#pesa_feeds_wrapper h4 {font-weight:900;border-bottom: 2px solid #111;padding:10px 0 15px;margin: 0 0 15px;}
#pesa_feeds_wrapper ul {margin:0;padding:0;list-style: none;}
#pesa_feeds_wrapper li {margin:0 0 20px;}
#pesa_feeds_wrapper li a {color:#111;display:block;}
#pesa_feeds_wrapper li a:hover {color:#46AED2}
#pesa_feeds_wrapper .pesa-text-link {color:#46AED2}

/* ================= member directory ================ */
body.itemid-743 {background-color:#eee}
.pesa-member-profiles {display: flex;justify-content: space-between;flex-wrap: wrap;}
.pesa-member-profiles > div {margin-bottom: 25px;width: calc(50% - 15px);padding:45px;background-color:#fff;border-radius:30px;}
.pesa-member-profiles img {float:right;margin:0 0 15px 15px;border-radius:20px;}
.pesa-member-profiles .member-profile-no-pic {float:right;margin:0 0 15px 15px;border-radius:30px;
  background-color:#eee;height:150px;width:150px;padding-top:11px;text-align:center;font-size: 5em;color:#c29f74}


/* pesa stripes */
table.pesa-stripes, table.pesa-stripes tbody, table.pesa-stripes td {display:block;}
table.pesa-stripes tr {display:flex;justify-content:space-between;position:relative;padding: 20px 0 40px;}
table.pesa-stripes tr + tr::before {content:" ";background: #eeeeee;height: 6px;width: auto;display: block;position: absolute;top: -15px;left: -50px;right: -50px;}
table.pesa-stripes td {width:130px;}
table.pesa-stripes td + td {width:calc(100% - 150px);}
table.pesa-stripes img {border-radius:20px;width:120px}

table.table-pic-and-text, table.table-pic-and-text tbody, table.table-pic-and-text td {display:block;}
table.table-pic-and-text tr {display:flex;justify-content:space-between;position:relative;padding: 20px 0 40px;}
table.table-pic-and-text tr + tr::before {content:" ";background: #eeeeee;height: 6px;width: auto;display: block;position: absolute;top: -15px;left: -50px;right: -50px;}
table.table-pic-and-text td {width:130px;}
table.table-pic-and-text td + td {width:calc(100% - 150px);}
table.table-pic-and-text img {border-radius:20px;width:120px}

/* news feature */
.pesa-news-item-wrapper > img {margin-bottom:15px;width: 100%;border-radius:4px;}
.pesa-news-item-wrapper h4 {font-size:1.4em;font-weight: 500}

/* book award */
body.itemid-465 #sp-component td {vertical-align:top}
body.itemid-465 #sp-component td img {height: 200px;width:auto;margin: 0 10px 10px 0;}

/* Conference Styles */
.pesa-conference-header {margin-bottom:-10px}
.pesa-conference-header .pesa-main-conf-image {background-size:cover;background-position: center;position:relative}
.pesa-conference-header .pesa-main-conf-image .container {min-height: 320px;}
.pesa-conference-header.pesa-conference-home .pesa-main-conf-image .container {min-height:500px}

.pesa-conference-header.bg-color-1 {color:#fff;}
.pesa-conference-header.bg-color-2 {color:#040708;}
.pesa-main-conf-image .container {position:relative}
.pesa-main-conf-image .title-wrapper {position:absolute;bottom:30px;max-width:90%}
.pesa-main-conf-image .title-wrapper img {opacity:0.8;margin-bottom: 30px;height:120px;width:120px;}
.pesa-main-conf-image .title-wrapper h3 {font-size:1.6em;font-weight:600;margin:0}
.pesa-main-conf-image .title-wrapper h1 {font-size:5em;font-weight:900;margin:0}

.pesa-main-conf-image::before {display:block;top:0;left:0;right:0;bottom:0;content:" ";position:absolute;
  background: rgb(0,0,0);
  background: linear-gradient(0deg, rgba(0,0,0,0.6082808123249299) 0%, rgba(0,0,0,0.2049194677871149) 37%, rgba(255,255,255,0) 100%);
}
.bg-color-2 .pesa-main-conf-image::before {
  background: rgb(255,255,255);
  background: linear-gradient(0deg, rgba(255,255,255,0.6) 0%, rgba(255,255,255,0.3) 37%, rgba(255,255,255,0) 100%);
}
.pesa-conference-header .pesa-subbar {padding:30px 0;font-size:1.4em;font-weight: 300;}
.pesa-conference-header.bg-color-1 .pesa-subbar {background-color:#040708;color:#fafafa}
.pesa-conference-header.bg-color-2 .pesa-subbar {background-color:#fff;color:#040708}
.conf-location-date {font-weight:600;font-size: 1em;color:#f5d282}
.pesa-conference-header.bg-color-2 .conf-location-date {color:#BD9B40}

#sp-left .sp-module .sp-module-title, #sp-right .sp-module .sp-module-title {margin:0}

/* news */

body.itemid-109 h1 {font-size:1.6em}
body.itemid-109 table.pesa-stripes img {border-radius:0}
body.itemid-109 .article-introtext a {word-wrap: break-word;}

/* ===================================== Login ====================================== */
body.view-login #sp-component .col-lg-4 {width:360px;}
body.view-login #sp-component.col-md-6 + .col-md-6 > div {width:360px;margin:0 auto}

table.table2cols {width: 100%;}
table.table2cols td {width: 50%;vertical-align: top}
table.table2cols td p {margin:0;}
table.table2cols td {line-height:200%}

/* Footer */
#sp-footer {padding:30px}
#sp-footer .pesa-membership-status {display:none;}

/* Membership Pro */
.com_osmembership .form-horizontal input[type="radio"] {margin-right:7px}

/* docman */
.docman_table_layout.docman_table_layout--default {background-color:#fff;padding: 20px 20px 30px;border-radius:20px;}

/* mobile menu */
.offcanvas-menu {
    background-image: url(/images/template/pesa-logo-black-roundel.svg);
    background-repeat: no-repeat;
    background-size: 80px;
    background-position: 19px 19px;
}
.offcanvas-menu .offcanvas-inner {padding-top:50px;}
.offcanvas-menu .offcanvas-inner ul.menu>li a, .offcanvas-menu .offcanvas-inner ul.menu>li span {color:#040708;opacity:1}
.offcanvas-menu .offcanvas-inner ul.menu li.active a {color: #46AED2 !important}

#pesa_member_status {background-color:#FBD47C;color:#000;padding: 30px;border-radius: 30px}
#pesa_member_status li {font-size:1.4em}


/* ################################### -- MQs -- ####################################*/

@media (min-width: 1400px){
  body .container {max-width: 1360px;}
}

@media (max-width: 1399px){
  body .container {max-width: none;}
  #sp-header .logo-image {margin-top:5px}
  .logo .logo-image {height:90px}
  #sp-header ul.sp-megamenu-parent > li > a {font-size:1.2em}
}

@media (max-width: 1140px){
  .logo .logo-image {height:80px}
  #sp-header ul.sp-megamenu-parent > li > a {font-size:1em; padding-left:10px;padding-right:10px;}
}


/* Desktop Only */
@media screen and (min-width: 992px) {
  #offcanvas-toggler {display:none !important;}
}

/* Tablet and Desktop Only*/
@media screen and (min-width: 768px) {
  #pesa_feeds_wrapper .col-md-4 {width:31%;}
}

/* Small Desktop to Table Only */
@media screen and (min-width: 768px) and (max-width: 1024px){
  .pesa-squares.pesa-cols-4 .pesa-square {width: calc(50% - 15px);}
  body {font-size:15px}
  .pesa-square-left.col-md-6 .pesa-squares.pesa-cols-3 .pesa-square h4 {font-size: 0.7em;}
}


@media screen and (max-width: 1024px) { 
  .pesa-square-left.col-md-6 .pesa-square {padding:20px;border-radius:20px}
  .pesa-squares-wrapper.squares-title-size-3 .pesa-title {font-size: 3em}
  
}

/* Tablet and Mobile Only*/
@media screen and (max-width: 991px) {
  #sp-header .logo-image {height: 66px;margin-top:20px}
  #sp-header .sp-module.pesa-top-menu {display:none;}

}

@media screen and (max-width: 767px) {

  body {font-size:14px;padding-top:80px}
  #sp-header {position: fixed;z-index: 9999;height: 80px;top: 0;}
  table.table2cols, table.table2cols tbody, table.table2cols tr, table.table2cols td {display: block;height: auto !important;}   
  table.table2cols td {padding:0 0 25px;}
  .pesa-squares.pesa-cols-4 .pesa-square {width:100%;}

  #sp-left .sp-module, #sp-right .sp-module {padding:30px 10px;}

  .pesa-main-conf-image .title-wrapper h1 {font-size:3em}
  .pesa-conference-header .pesa-main-conf-image .container {min-height:250px}
  .pesa-conference-header.pesa-conference-home .pesa-main-conf-image .container {min-height:480px}
}


@media screen and (max-width: 480px) {

  #sp-header .logo-image {height: 56px;margin-top:22px}
  #sp-main-body {padding: 0}
  body.view-article #sp-component.col-lg-8 {padding:30px;border-radius: 0}

  .pesa-squares.pesa-cols-2 .pesa-square {width:auto;aspect-ratio: auto}
  
  .pesa-squares.pesa-cols-3 .pesa-square { width: calc(50% - 10px);}
 
  table.pesa-stripes tr {display:block;padding: 15px 0 30px}
  table.pesa-stripes tr::after {content:"";clear: both;}
  table.pesa-stripes td {float:right;margin:0 0 15px 15px;}
  table.pesa-stripes td + td {width:auto;float:none;min-height:200px;margin:0}

  .pesa-phantom {display:none;}
}

@media screen and (max-width: 320px) {
  #sp-header .logo-image {height: 42px;margin-top:15px}
}






/* ########################### Dashboard ################################# */

/* dashboard component */
#pesa_form {max-width:900px;margin-top:25px;}
#pesa_form button[type="submit"] {background-color:black;border-radius: 0;color: white;border:0}
#pesa_form a.btn-default {background-color:white;color:black;border-radius: 0;border:0}


/* ================ Dashboard Cleanup ================= */

.print-only {display:none;}
.pesa-resource-container {font-size:18px;color:#222;}
.pesa-resource-container h1 {color:#222;}

.btn.btn-default {background:#aaa;}
.btn.btn-default:hover {background:#888;}

.pull-left {float:left;}
.pull-right {float:right;}

/* Dashboard structure */
#pesa_dashboard_wrapper {}
#pesa_dashboard_left {background:#334;padding: 10px;position: fixed;height:60px;top:0;left:0;right:0;z-index: 9}
#pesa_dashboard_left img {max-width: 72px;margin-left:12px;display:inline;}
#pesa_dashboard_left ul.nav {display:block;float:right;margin:0}
#pesa_dashboard_left ul.nav li {float:left;}
#pesa_dashboard_left a {color: #fff;font-size: 1.2em;font-weight: 600; padding: 0 15px;}
#pesa_dashboard_left a:hover {color:#dbd6b6}

#pesa_dashboard_right {padding:50px 0;}


#pesa_form h4 {margin:30px 0 10px;font-weight:600}
#pesa_form .form-group {margin-top:15px;}
#pesa_form .fieldset {margin-bottom: 15px;}

.pesa-dashboard-header-container {background: #e1dfdf;height: 54px;padding: 7px 12px;}

.pesa_dashboard_searchbox {display:inline-block}

.btn-new {background:black}

.pesa-dashboard-header-container label {
    display: inline-block;
    max-width: 100%;
    margin: 0 5px;
    font-weight: 700;
}
.pesa-dashboard-header-container input, .pesa-dashboard-header-container select {
    background-color:#fff;
    display: inline-block;
    width: auto;
    vertical-align: middle;
    border: 1px solid #ccc;
    border-radius: 0;
    margin-right: 10px;
    padding: 5px 15px;
}

.pesa-table {width:100%;background-color:white}
.pesa-table th,
.pesa-table td {padding:6px 10px;font-size:1em;}
.pesa-table td {border-top:1px solid #ddd;}

.btn-export {background: #ec8f19;}

.portal-header-btn {
    padding: 14px 20px;
    margin: -8px 12px -8px -12px;
    border-radius: 0;
    color: #fff;
}
.pull-right .portal-header-btn {margin-right:-12px}

/* Forms */
input[type="text"],select {background:#fff;color:#000}
.form-group .checkbox label input {margin-right:10px}

.form-check.form-check-inline input.form-check-input {float:none;margin:5px 0 0 -15px;}

.alert.alert-default {background:#fff;color:#28b;}