* {
padding: 0;
margin: 0;
box-sizing: border-box;
}  .row {
} .hidden {
display: none;
}
.wpo-background, .background-image {
background-position: center top !important;
background-repeat: no-repeat !important;
}
.wpo-resize-background-image {
background-size: 100% !important;
}
.fixed-background {
background-attachment: fixed;
background-size: cover;
}
.repeat-background {
background-repeat: repeat;
}
.circle {
border-radius: 50% 50%;
}
.youtube-video-iframe {
width: 100%;
min-height: 320px;
margin: 0 auto;
}
@media (max-width:  767px){
.youtube-video-iframe {
width: 100% !important; }
}
.middle-text {
vertical-align: middle;
}
.dark-transparent-overlay {
height: 100%;
width: 100%;
position: absolute;
background-color: #000;
opacity: 0.4;
}
.spacer {
height: 20px;
} .wpo-row-container { overflow: initial;
}
.wpo-grid-border {
border:none;
}
.wpo-mobile-menu-button{
background: #fff;
border-radius: 5px;
}
.alignleft, .wpo-image-left {
float: left;
}
.alignright, .wpo-image-right {
float: right;
}
.aligncenter, .wpo-image-center {
margin-left: auto;
margin-right: auto;
display: table;
} @media (min-width: 576px) and (max-width: 767.98px){ 
.wpo-row-container{ 
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
margin-right: auto;
margin-left: auto;
}
} @media (min-width: 768px)  and (max-width: 991.98px){ 
.wpo-row-container{ } 
} @media (min-width: 992px) and (max-width: 1199.98px){ 
.wpo-row-container{ }
#wpo-menu-toggle-button {
display: none;
}
} @media (min-width: 1200px) { 
.wpo-row-container{ } 
#wpo-menu-toggle-button {
display: none;
}
} #wpo-menu-toggle-button {
float: right;
cursor: pointer;
padding: 10px;
}
.wpo-nav-menu .sub-menu .sub-menu{
display: none;
}
.wpo-nav-menu > .menu-item {
position: relative;
display: inline-block;
margin-left: 15px;
}
.wpo-nav-menu .sub-menu {
min-width: 200px;
position: absolute;
z-index: 100;
display: none;
background-color: #FFFFFF;
}
.wpo-nav-menu .menu-item-has-children:hover > .sub-menu {
display: block;
}
.sub-menu .sub-menu-item {
padding: 5px;
display: block;
min-width: 200px;
}
.sub-menu .sub-menu-item:hover {
background-color: #F5F5F5;
}
.bar-strip{
width: 28px;
height: 4px;
background-color: black;
margin: 6px 0;
}
.wpo-row {  margin: 0 auto;
flex: 0 0 66.666667%;
width: 66.666667%;
margin-left: auto;
margin-right: auto;
}
.wpo-full-width-row {
width: 100%;
}
.wpo-col, .wpo-column {
padding: 10px;
}
.wpo-row-container {
width: 100% !important;
}
.wpo-display-row {
}
.wpo-image-frame {
margin: 10px;
border: 1px #ccc solid;
}
.temp-width-540 {
width: 540px;
}
.block {
display: block;
}
.wpo-fixed-background-image {
background-attachment: fixed !important;
} @media (max-width: 767.98px){ 
.wpo-nav-menu{
display: none;
margin: 0;
margin-top: 10px;
padding: 5px;
float: left;
text-align: left;
} 
#wpo-menu-toggle-button {
display: inline-block;
}
.wpo-nav-menu .menu-item {
display: block;
margin-top: 5px;
text-align: left;
}
.wpo-show-mobile-menu {
display: block;
}
.menu-button-container-column .img-fluid {
max-width: 90%;
}
.wpo-row {
width: 100%;
}
} @media (min-width: 768px)  and (max-width: 991.98px){ 
.wpo-nav-menu{
display: none;
margin: 0;
margin-top: 10px;
padding: 5px;
float: left;
} 
#wpo-menu-toggle-button {
display: inline-block;
}
.wpo-nav-menu .menu-item {
display: block;
margin-top: 5px;
text-align: left;
}
.wpo-show-mobile-menu {
display: block;
}
.menu-button-container-column .img-fluid {
max-width: 72%;
}
.wpo-row {
width: 100%;
}
}  .dropbtn {
background-color: transparent;
color: #737373;
padding: .5rem 1rem;
font-size: 1rem;
border: none;
cursor: pointer;
} .dropdown {
position: relative;
display: inline-block;
} .dropdown-content {
display: none;
position: absolute;
background-color: #fefefe;
min-width: 180px;
box-shadow: 0 .25rem .5rem 0 rgba(0,0,0,0.2);
z-index: 1;
} .dropdown-content a {
color: #666;
padding: .5rem 1rem;
text-decoration: none;
display: block;
} .dropdown-content a:hover {background-color: #f1f1f1} .dropdown:hover .dropdown-content {
display: block;
} .dropdown:hover .dropbtn {
background-color: #fff;
}
.nav-item > .sub-menu{
display: none;
position: absolute;
min-width: 180px;
background-color: #fefefe;
box-shadow: 0 .25rem .5rem 0 rgba(0,0,0,0.2);
z-index: 1;
list-style: none;
}
.nav-item:hover > .sub-menu{
display: block;
}
.navbar-centred-logo {
flex-direction: column;
} .pagination .nav-links .page-numbers {
position: relative;
text-decoration: none;
background-color: #fff;
border: 1px solid #dee2e6;
transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
display: inline-block;
text-align: -webkit-match-parent;
box-sizing: border-box;
padding: .375rem .75rem;
margin: 0;
} .sub-menu-toggle { display: none !important;
}
.screen-reader-text {
display: none;
}* {
padding: 0;
margin: 0;
box-sizing: border-box;
}
.btn-success {
color: #fff;
background-color: #0a0;
border-color: #0a0;
padding: 1px 10px!important;
margin-top: -5px!important;
font-size: .9rem; font-family: Arial, Helvetica, sans-serif;
}
.hidden {
display: none;
}
.hide-show-module-selector-buttons {
}
.selectors {
height: 30px;
width: 45px;
margin: 0 auto;
}
.show-module-selector-button {
border-radius: 50%;
background-color: #eee;
color:#333;
text-align: center;
width: 12px;
height: 12px;
line-height: 0.7rem;
margin: 0 auto;
cursor: pointer;
display: inline-block;
}
.show-module-selector-button:hover {
font-weight: bold;
border-color: #111;
}
.select-grid-button {
border-radius: 50%;   text-align: center;
vertical-align: middle;
width: 40px;
height: 40px; margin: 0 auto;
padding:8px;
cursor: pointer;
display: inline-block;
}
.select-grid-button:hover {
font-weight: bold;
border-color: #111;
}
.grid-column .show-module-selector-button{
font-size: 15px;
width: 15px;
height: 15px;
}
.wpo-util {
}
.wpo-helper {
}
.wpo-help-box {
position: absolute !important;
top: 65px;
right: 25px;
width: 340px;
opacity: 1.0 !important;
padding: 12px;
color: #697786;
background-color: #efefef !important;
border: 1px #697786 solid !important;
border-radius: 4px;
box-shadow: 2px 2px 3px #999;
z-index: 1010;
}  .widget-area-editor {
position: absolute;
left: 50%;
width: 520px;
margin: 0 auto;
margin-left: auto;
margin-left: -260px;
background-color: #efefef;
border: 1px #697786 solid;
padding: 10px;
z-index: 200;
border-radius: 4px;
box-shadow: 2px 2px 3px #999;
}
.widget-area-title h3 {
font-size: 1.5rem;
color: #697786!important;
font-weight: 600;
}
.submit-widget-area-button {
display: inline-block;
font-family: Arial, Helvetica, sans-serif;
font-size: .9rem;
padding: 0 10px 1px 10px !important;
background-color: #0a0;
border: none;
color: #fff;
border-radius: 4px;
margin-top: 5px;
}
.submit-widget-area-button:hover {
background-color: #080;
}
.cancel-widget-area-button {
display: inline-block;
font-family: Arial, Helvetica, sans-serif;
font-size: .9rem;
padding: 0 10px 1px 10px !important;
background-color: #b4bbc3;
border: none;
color: #fff;
border-radius: 4px;
margin-top: 5px;
}
.cancel-widget-area-button:hover {
background-color: #697786;
}
.module-selector {
display: none;
position: absolute;
z-index: 1001; background-color: #697786;
border: 0px #697786 solid;
border-radius: 4px;
width: 500px;
min-height: 50px;
margin-left: -250px;
box-shadow: 2px 2px 3px #999;
}
.module-selector .module-list {
list-style: none;
}
.module-list .module-item {
display: inline-block;
display: inline-block;
float: left;
width: 20%;
height: 80px;
padding: 10px;
border: 1px #ddd solid;
text-align: center;
cursor: pointer;
background: #eee;
font-size: 0.9rem;
line-height: 1rem;
color: #697786;
font-weight: 600;
}
.module-list .module-item:hover {
background: #697786;
color:#fff;
border: none;
}
.navbar-options-top {
height: 25px;
}
.navbar-list-button {
position: absolute;
border-bottom: 1px #eee solid;
padding: 10px;
color: #eee;
}
.wpo-working-stripes {
position: absolute;
z-index: 10;
top:0;
left: 0;
border: 5px #333 solid;
width: 100%;
height: 100%;
background: repeating-linear-gradient(
135deg,
transparent,
transparent 5px,
#333 0px,
#333 11px
);
opacity: 0.3;
display: none;
} .wpo-context-menu {
position: fixed;
width: 200px;
background: #FFFFFF;
border: 1px #697786 solid;
border-radius: 4px;
box-shadow: 2px 2px 3px #999;
z-index: 1010;
}
.wpo-context-menu .wpo-context-options {
list-style: none;
margin-bottom: 0;
}
.wpo-context-menu .context-options-item {
border-bottom: 1px #ccc solid;
padding: 5px 10px;
list-style: none;
cursor: pointer;
}
.context-options-title {
font-size: 1rem;
font-weight: 600;
padding: 5px;
background-color: #697786;
color: #fff;
}
.context-options-item:hover {
background-color: #b4bbc3;
font-weight: 600;
color: #fff;
}
.wpo-remove-module-button {
font-weight: 600;
color: #d00;
}
.remove-module-red-border {
box-shadow: 0px 0px 3px 3px #d00;
background-color: rgba(255, 0, 0, 0.6) !important;
} .context-options-item.wpo-remove-module-button {
border-bottom: 0;
} .hide-show-module-selector-buttons.show-grid-border-button {
background-color: transparent;
border: 0; }
.hide-show-module-selector-buttons.show-grid-border-button:hover { }
.wpo-popup {
position: absolute;
top: 20%;
width: 400px;
left: 50%; border: 1px #333 solid;
padding: 10px;
background-color: #FFFFFF;
z-index: 1010;
}
.add-url-input {
width: 100%;
margin-bottom: 10px;
padding: 5px;
}
.wpo-primary-button {
background-color: #00c4cc;
border: 2px solid transparent;
border-radius: 4px;
cursor: pointer;
margin: 0;
padding: 0 6px;
}
.wpo-radio-label {
margin-right: 10px;
padding: 3px;
}
.wpo-radio-label:hover { }
.wpo-module-label {
position: absolute;
top: -16px;
left: 0;
background: #ccc;
max-width: 85px;
padding: 2px;
font-size: 8px;
border-radius: 3px;
}
.grid-set {
position: relative;
}
.wpo-row-placeholder{
width: 80%;
margin: 10px auto;
padding: 5px;
background-color: #FFF4CC;
border: 1px #ffcc00 dashed;
text-align: center;
cursor: pointer;
}
.wpo-row-placeholder .row-placeholder-text{
visibility: hidden;
}
.wpo-row-placeholder:hover .row-placeholder-text{
visibility: visible;
}
.wpo-moving-row {
border: 3px #ffcc00 dotted;
}
.wpo-message-box {
position: fixed;
top: 33%;
left: 50%;
width: 33%;
margin-left: -16.5%; border: 2px #fc0 solid;
border-radius: 8px;
padding: 20px;
background-color: #ffe;
text-align: center;
font-weight: bold;
z-index: 1200;
box-shadow: 2px 2px 3px #999;
}
.wpo-message-box .message-ok-button {
display: inline-block; font-size: 1rem;
font-weight: 600;
padding: 2px 10px !important;
margin-left: 10px;
background-color: #fc0;
border: none;
color: #111;
border-radius: 4px;
} .wpo-message-box .message-ok-button:hover {
background-color: #080;
color: #fff;
} .CodeMirror {
min-height: 420px;
}
.custom-css-micro-box {
width: 30%;
height: 200px;
background-color: #FFFFFF;
padding: 10px;
border: 1px #333 solid;
} #custom-css-editor-input {
border-color: #333;
}
.custom-css-editor {
padding: 15px;
}
.css-device-option {
display: inline-block;
margin-left: 30px;
cursor: pointer;
display: none;
}
.css-device-option:hover {
text-decoration: underline;
}
.save-custom-css-button {
margin: 15px;
padding: 5px;
}
.custom-class-list {
list-style: none;
}
.remove-custom-class-button {
font-size: 10px;
color: #cc0000;
cursor: pointer;
display: none;
}
.custom-class-item {
padding: 3px;
font-style: italic;
cursor: pointer;
}
.custom-class-item:hover {
background-color: #F5F5F5;
}
.custom-class-item:hover .remove-custom-class-button {
display: inline;
}
.css-id-input, .css-class-input {
padding: 3px;
width: 80%;
}
.remove-id-button {
cursor: pointer;
display: none;
}
.css-id-added-check {
color: #77dd77;
display: none;
} .wpo-import-template-form-container{
margin-top: 20px;
}
.wpo-import-success-message-box {
background-color: #f6fef6;
border: 2px #090 solid;
margin: 15px;
padding: 15px;
display: none;
}
.wpo-import-error-message-box {
border: 2px #cc0000 solid;
margin: 15px;
padding: 15px;
display: none;
}
.uploading-template-message-box {
display: none;
}
.export-template-settings {
display: inline-block;
}
.export-template-button {
margin-top: -5px !important;
} .red-border {
border: 3px #cc0000 solid;
}.more-link {
display: none;
} .btn.btn-warning a {
color: #fff;
font-weight: 600;
text-decoration: none;
}
.btn.btn-warning a:hover {
color: #222;
} .responsive-youtube {
overflow:hidden; 
padding-bottom:56.25%; 
position:relative; 
height:0;
margin: 30px auto;
}
.responsive-youtube iframe {
left:0; 
top:0; 
height:100%; 
width:100%; 
position:absolute;
} .convertri {
border: none!important; 
margin: 0 auto; 
padding: 0; 
width: 100vw; 
height: 100vh; 
position:fixed;
}
body {
font-family: Open Sans,Arial,sans-serif;
color: #666;
font-size: 100%;
line-height: 1.7em;
font-weight: 500;
}
h1 {
color: #333;
font-size: 30px;
line-height: 1.2em;
font-weight: 500;
}
h2 {
color: #333;
font-size: 26px;
line-height: 1.2em;	
font-weight: 500;
}
h3 {
color: #333;
font-size: 24px;
line-height: 1.2em;
margin-bottom: 1rem;
}
.meta {
color: #666;
font-size: 14px;
}
.responsive-vimeo {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
.responsive-vimeo iframe {
border: 0;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.iframe-container{
position: relative;
width: 100%;
padding-bottom: 56.25%;
height: 0;
}
.iframe-container iframe{
position: absolute;
top:0;
left: 0;
width: 100%;
height: 100%;
}
.video-wrapper {
position: relative;
padding-top: 56.25%; overflow: hidden;
}
.video-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}