﻿﻿﻿﻿﻿﻿/*  
Theme Name: riveroakstheme
Theme URI: http://www.merchantandblack.com
Description: A premium styled custom theme from Merchant and Black.
Version: 2.0.2
Author: Teresa
Author URI: http://www.merchantandblack.com/about
Text Domain: riveroakstheme

/******************************************
*   HTML5 display definitions                         
******************************************/
html, body, div, span, applet, object, iframe, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q {	quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table {	border-collapse: collapse; border-spacing: 0;}
/******************************************
*   General Structure                     
******************************************/
* { margin:0; padding:0; }

html {width:100%; height:100%;}

body {background:#fff; color: #252525; padding: 0px 0 0px 0; font-size:17px; -webkit-text-size-adjust: none;}
body, select, input, textarea {font-family:"Noto Sans JP", sans-serif; line-height:1.8em; font-weight:300;}
p {margin:15px 0;}
body p {margin:25px 0;}

a:link, a:visited {color: #606f8c; text-decoration:none;}
a:focus, a:hover, a:active {color:#1a0dab; cursor:pointer;}

img, a:link img, a:visited img{padding-top:0px;}
.post img {max-width:100%; height: auto;}
img.alignleft, div.alignleft {float:left; margin:0 1em 0.5em 0;}
img.alignright, div.alignright {float:right; margin:0 0 0.5em 1em;}
img.aligncenter, div.aligncenter {text-align:center; margin:0 auto;}
img.alignnone {margin: 0 1em 1em 0;}

img {max-width: 100%; height: auto;}

.aligncenter, div.aligncenter {display: block; margin-left: auto; margin-right: auto;}
.alignleft {float: left;}
.alignright {float: right;}	

.oldalignfull {width: 100vw; position: relative; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw; max-width:100vw;}
.alignfull {margin-left: calc( -100vw / 2 + 100% / 2 );	margin-right: calc( -100vw / 2 + 100% / 2 ); max-width: 100vw;}
.alignfull img {width:100%;}

.alignwide {margin:0px -25px 0px -25px;}
.alignwide img {max-width: 1150px;}

/* add alignwide settings for different page structures */

.fullcontainer .alignwide {margin:0px -35px 0px -35px;}
.thecontainer .alignwide {margin:0px -35px 0px -35px;}
.postcontainer .alignwide {margin:0px -35px 0px -35px;}

.previousfullcontainer .wp-block-cover, .wp-block-cover-image {width:auto;}

.wp-block-cover, .wp-block-cover-image {min-height:200px;}
.wp-block-image {max-width:none !important;}

.size-auto, .size-full, .size-large, .size-medium, .size-thumbnail {max-width: 100%; height: auto; }

.hidden{opacity:0;}
.visible{opacity:1;}

.sticky {margin:0 auto;}
.gallery-caption {max-width:100%;}

.video-container {position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }
.video-container iframe, .video-container object, .video-container embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/******************************************
*   Branding Items                    
******************************************/

.font-one {font-family:"Merriweather", serif; font-weight:400;}
.font-two {font-family:"Libre Baskerville", serif; font-weight:400;}
.font-three {font-family:"Poppins", sans-serif; font-weight:400;}

.brandcolor-one {color:#606f8c;}
.brandcolor-two {color:#e1ddc8;}
.brandcolor-three {color:#ddd8c6;}

.handwritten {font-family:"Merriweather", serif; font-style:italic; font-weight:300;}

.thedivider {display:block; overflow:hidden; position:relative; border-top:2px solid #e1ddc8; margin:0 auto; max-width:525px; padding:15px 0px 15px 0px;}

.titledivider {display:block; position:relative; overflow:hidden; margin:0 auto;}
.titledivider:after {display:block; content: ''; height: 3px; width: 115px; background:#ddd; margin-top:15px; margin-right:auto; margin-bottom:25px; margin-left:auto;}

/******************************************
*   Special Design Elements                  
******************************************/

.thefeature-font {font-family:"Poppins", sans-serif; font-weight:700; font-size:22px; text-align:center;}
/* if adding a border decoration to title style */
.thefeature-font:after {display:block; content: ''; height: 5px; width: 115px; background:#2d333c; margin: 15px 0px 25px 0px; margin:0 auto;}

.featurefont {font-size:24px; line-height:36px;}
.featuretext {font-size:24px; line-height:36px;}

.cleanfont {font-family: "Poppins", serif; font-weight: 400; line-height: 32px; font-size:26px;}

.memberlist {line-height:1.3em;}
.memberlist p {margin:0px 0;}

.member-button, a.member-button:link, a.member-button:visited, a.member-button:active {background:#184462; color:#fff; text-align:center; margin:0px 0px 0px 0px; padding:8px 8px 8px 8px; -webkit-transition: background ease-out 0.35s; -moz-transition: background ease-out 0.35s; -ms-transition: background ease-out 0.35s; -o-transition: background ease-out 0.35s; transition: background ease-out 0.35s; display:inline-block; font-style:normal; font-family:"Noto Sans JP", sans-serif; font-weight:400; font-size:16px; display:block;}

.member-button:hover, a.member-button:hover {background:#222; color:#fff;}

.feature-box {margin:35px 0px 35px 0px; display:block; overflow:hidden; position:relative; box-sizing:border-box; width:100%; border:1px solid #2d333c;}
.feature-content {padding:35px 10px 35px 10px; margin:0 auto;}
.feature-border {padding:38px 0px 38px 0px; margin:25px 0px 25px 0px; border-top:1px solid #e1ddc8; border-bottom:1px solid #e1ddc8;}

.borderbox {border:1px solid #d7d7d7; padding:25px 25px 25px 25px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background:#fff;}
.borderonly {border:1px solid #d7d7d7; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.border-lined {border-bottom:1px solid #d7d7d7;}

.fancylined {display: flex; width: 90%; justify-content: center;  align-items: center;  text-align: center; margin:0 auto;}
.fancylined:before, .fancylined:after {content: ''; border-top: 1px solid rgba(255,255,255,0.7); margin: 0 10px 0 0; flex: 1 0 10px; }
.fancylined:after { margin: 0 0 0 10px;}

.fancytitle-box {border:1px solid rgba(255,255,255,0.7); padding:25px 25px 25px 25px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

.colorlined {display: flex; width: 100%; justify-content: center;  align-items: center;  text-align: center; margin:0 auto;}
.colorlined:before, .colorlined:after {content: ''; border-top: 1px solid #e1ddc8; margin: 0 10px 0 0; flex: 1 0 10px; }
.colorlined:after { margin: 0 0 0 10px;}
.colorlined-box {border:1px solid #e1ddc8; padding:25px 25px 25px 25px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-family:"Libre Baskerville", serif; font-weight:400; font-style:italic;}

.bluelined {display: flex; width: 100%; justify-content: center;  align-items: center;  text-align: center; margin:0 auto;}
.bluelined:before, .bluelined:after {content: ''; border-top: 1px solid #606f8c; margin: 0 10px 0 0; flex: 1 0 10px; }
.bluelined:after { margin: 0 0 0 10px;}

.beigelined {display: flex; width: 100%; justify-content: center;  align-items: center;  text-align: center; margin:0 auto;}
.beigelined:before, .beigelined:after {content: ''; border-top: 1px solid #e1ddc8; margin: 0 10px 0 0; flex: 1 0 10px; }
.beigelined:after { margin: 0 0 0 10px;}

/* specific styling */

.has-large-font-size {line-height:1.3em;}

/* extra styling */

.extratop-padding {padding-top:35px;}
.big-padding {padding:45px 0px 45px 0px;}
.removetop {margin-top:-35px !important;}
.removebottom {margin-bottom:-60px !important;}
.main-removebottom {margin-bottom:-35px !important;}

.cushion {padding-bottom:10px;}
.description {font-size: 1.3em; font-weight: bold; color:#2d333c;}

/******************************************************************
H1, H2, H3, H4, H5 STYLES
******************************************************************/

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 { font-family: "Playfair Display", serif; font-weight: 400;}
h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a {text-decoration: none;}

h1, .h1 {font-size: 28px; line-height: 1.4em; text-transform:capitalize; color:#000; margin-bottom: 0.5em; letter-spacing:0.045em; text-align:center; font-style:italic; }
h2, .h2 {font-size: 22px; line-height: 1.4em; color:#000; margin-bottom: 0px; letter-spacing:0.038em; text-transform:capitalize;}

h3, .h3 {font-family:"Poppins", sans-serif; font-weight:700; font-size: 20px; color:#000; letter-spacing:0.045em; text-transform:uppercase;}
h3 a:link, .h3 a:link, h3 a:visited, .h3 a:visited {color: #000; text-decoration:none;}

h4, .h4 {font-size: 1.1em; font-weight:400;}
h5, .h5 {font-size: 0.846em; line-height: 2.09em; text-transform: uppercase; letter-spacing:2px; }

/******************************************
*   Headlines                        
******************************************/

.post-title h1 {margin-bottom:0px; text-align:left;}
.leftcontent h1 {text-align:left;}

.title, a.title {font-size:18px; line-height:1em; padding-bottom:0px; font-weight:normal; color: #000; letter-spacing:normal; text-transform:uppercase;}

.date-title, a.date-title {color:#2d333c; font-size:1em; text-align:center; text-transform:uppercase; padding-bottom:20px;}

.feature-title, a.feature-title {font-size: 18px; line-height: 1.4em; text-transform:capitalize; color:#000; letter-spacing:0.045em; }

.article-title, a.article-title  {display:block; font-size:1.125em; color:#000; line-height:1.2em; text-transform:uppercase; padding-top:10px; font-weight:700; font-style:normal; font-family:"Poppins", sans-serif; letter-spacing:0.025em;}

/******************************************
*   Main Container Properties                  
******************************************/

.containerwrapper {margin:0 auto; overflow-x: hidden;}
.mainfullcontainer {display:block; overflow:hidden; position:relative; width:100%;}

.fullcontainer {background:#fff; max-width:940px; margin:0 auto; padding:35px 35px 35px 35px; display:block; position:relative; z-index:1;}
.thecontainer {background:#fff; max-width:940px; margin:0 auto; padding:35px 35px 35px 35px; display:block; position:relative; z-index:1;}
.postcontainer {background:#fff; max-width:900px; margin:0 auto; padding:35px 35px 35px 35px; display:block; position:relative; z-index:1;}

.homecontainer {background:#fff; max-width:1100px; margin:0 auto; padding:0px 35px 0px 35px; display:block; position:relative; z-index:1;}

.maincontent {display:block; overflow:hidden; position:relative; max-width:900px; margin:0 auto; padding:0px 0px 0px 0px;}
.maincontent .alignwide {margin:0px 0px 0px 0px;}

.maincontent-padding {display:block; overflow:hidden; position:relative; max-width:900px; margin:0 auto; padding:0px 35px 0px 35px; box-sizing:border-box;}
.maincontent-padding .alignwide {margin:0px -35px 0px -35px;}

.smallercontent {max-width:600px; margin:0 auto;}
.narrow-content {max-width:850px; margin:0 auto; display:block; overflow:hidden; position:relative;}
.middlecontent {max-width:700px; margin:0 auto; display:block; overflow:hidden;}

.featurecontent {max-width:940px; display:block; overflow:hidden; position:relative; margin:0 auto;}

.content-wrapper {width:100%; display:block; position:relative; clear:both;}
.content {width:100%;}

.leftcontent {width:100%; padding-bottom:35px;}
.sidebar {width:100%;}

/* If sidebar wrapper needs to be wider or different */

.sidebarcontainer {background:#fff; max-width:1100px; margin:0 auto; padding:35px 35px 35px 35px; display:block; overflow:hidden; position:relative; z-index:1;}

.sidebarcontainer .alignwide {margin:0px -35px 0px -35px;}
.sidebarcontainer .wp-block-cover, .wp-block-cover-image {width:auto;}

/* If not using blocks previous styles */

.section-wrapper {width:100%; margin:0 auto; position:relative; display:block; overflow:hidden;}
.section-content {max-width:1100px; margin:0 auto; display:block; overflow:hidden;}

.half-one {width:100%;}
.half-two {width:100%;}

.full-one {width:100%;}
.full-two {width:100%;}

.third-one {width:100%;}
.third-two {width:100%;}
.third-three {width:100%;}

.quarter-one {width:100%;}
.quarter-two {width:100%;}
.quarter-three {width:100%;}
.quarter-four {width:100%;}

.quarter-content-one {padding:25px;}
.quarter-content-two {padding:25px;}
.quarter-content-three {padding:25px;}
.quarter-content-four {padding:25px;}

/******************************************
*   Animated Menu Button                    
******************************************/

a#navmenubutton.active {display:block; position:fixed; right:0; background:#24475e; border-left:0px solid #ddd; z-index:9999;}
a#navmenubutton.fixednav {display:block; position:absolute; top:0; right:0; z-index:9999;}

a#navmenubutton.active.fixednav {display:block; position:fixed; right:0; background:#24475e; border-left:0px solid #ddd; z-index:9999;}

#navmenubutton{display: block; padding: 32px 25px 32px 25px; cursor: pointer; border-left:1px solid #fff; background:rgba(255,255,255,0); margin-left:15px; position:absolute; top:0px; right:0; z-index:9999;}

#navmenubutton.fixednav {border-left:1px solid #fff;}
#navmenubutton.fixednav span, #navmenubutton.fixednav span::before, #navmenubutton.fixednav span::after{background:#fff;}

#navmenubutton span, #navmenubutton span::before, #navmenubutton span::after{width: 28px; height: 2px; float: left; display: block; background: #fff; position: relative; text-indent: -9000px;}
#navmenubutton span{margin: 8px 0;}
#navmenubutton span::before, #navmenubutton span::after{content: ''; position: absolute;}
#navmenubutton span::before{top: -8px;}
#navmenubutton span::after{bottom: -8px;}

#navmenubutton span, #navmenubutton span:before, #navmenubutton span:after{ -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -ms-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out;}
#navmenubutton.active span{ background-color: transparent; }
#navmenubutton.active span::before, #navmenubutton.active span::after{top:0; background:#fff;}
#navmenubutton.active span:before{transform: rotate(45deg); -webkit-transform: rotate(45deg);}
#navmenubutton.active span::after{transform: translateY(-10px) rotate(-45deg); -webkit-transform: translateY(-10px) rotate(-45deg); top: 10px;}

/******************************************
*   The Full Menu Overlay                 
******************************************/

.thefulloverlay {display:none; position:fixed; top:0; right:0; height:100%; width:100%; background:rgba(37,84,115,0.98); overflow:auto; z-index:8888;  animation: slideInRight .75s 1; -webkit-animation: slideInRight .75s 1; -moz-animation: slideInRight .75s 1; }

.themenuwrap {color:#e1ddc8; text-align:left; max-width:100%; margin:85px 35px 35px 35px; border-left:0px solid #2d333c; padding-left:0px; box-sizing:border-box;}

.themenuwrap ul.wrap-nav {font-weight:400; text-transform:uppercase; padding-top:35px;  padding-right:0px; padding-bottom:35px; box-sizing:border-box; }
.themenuwrap ul.wrap-nav li {font-size:22px; font-weight:800; font-family:"Poppins", sans-serif; padding-left:25px; display:block; letter-spacing:0.025em; min-width:180px; position:relative;}
.themenuwrap ul.wrap-nav li a {font-weight:800; color:#fff; padding:12px 0px 12px 0px; box-sizing:border-box; display:block; text-transform:uppercase; text-decoration:none; transition-property:all .2s linear 0s; -moz-transition:all .2s linear 0s; -webkit-transition:all .2s linear 0s; -o-transition:all .2s linear 0s;}

.themenuwrap ul.wrap-nav li a:hover {color:#ddd;}
.themenuwrap ul.wrap-nav ul {padding:0px;}
.themenuwrap ul.wrap-nav ul li {display:block; box-sizing:border-box; font-size:18px; color:#ddd; font-weight:800;}
.themenuwrap ul.wrap-nav ul li a {color:#fff; }
.themenuwrap ul.wrap-nav ul li a:hover {color:#ddd;}

.themenuwrap ul.wrap-nav li ul li a {padding:5px 0px 5px 0px; font-weight:400; font-style:italic; color:#fff;}
.themenuwrap ul.wrap-nav li ul li a:hover {color:#fff;}

.themenubutton-wrap {display:block; overflow:hidden; position:relative; padding:5px; font-size:34px; color:#fff;}

/******************************************
*   The Nordic Style Menu Bar                     
******************************************/

#theheaderwrapper {display:block; position:relative; height:82px; top:0px; left:0; right:0; background:#fff; border-bottom:1px solid #e1e2e3; z-index:999;}
.theheadercontent {width:100%; margin:0 auto; box-sizing:border-box; height:82px; padding:0px 15px 0px 15px;}
.theheadermenu {display:none;}

.header-logo {height:65px; width:205px; display:block; overflow:hidden; position:relative; background:url('images/logo.png') center center no-repeat; background-size:contain; margin-top:10px; margin-bottom:0px; float:left; image-rendering: -webkit-optimize-contrast;}
.header-menu {width:100%; clear:left;}

.desktop-socialcontent {display:none;}

/* centered main header menu change center to justify if desired AND remove overflow hidden and height size if submenus are desired*/

.theheadernav {box-sizing:border-box; display:none; position:relative; height:82px; overflow:hidden;}
.theheadernav ul {display:block; text-align: center;}
.theheadernav ul:after {content: ''; display: inline-block; width:100%; box-sizing:border-box;}

.theheadernav li {display:inline-block; padding:0px 9px 0px 9px;}

.theheadernav li a, .theheadernav li a:visited {display:block; text-decoration:none; color:#000; font-weight:800; font-family:"Poppins", sans-serif; font-size:16px; letter-spacing:0.01em; text-transform:uppercase; line-height: 82px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
.theheadernav li a:hover, .theheadernav li a:visited:hover {color: #ddd; text-decoration: none; }

/* sub-menus change margin top if border present*/
.theheadernav li ul li a, .theheadernav li ul li a:visited {min-width: 235px; text-align: left; display: block; text-decoration: none; color:#3c3c3c; padding: 0px 9px 0 9px; margin: 0px; line-height: 45px; background: #f7f7f7; position:relative; text-transform:none; border-left:0px solid #ddd; font-style:normal; font-size:16px; font-family:"Poppins", sans-serif; font-weight:300; border-bottom:1px solid #eee;}
.theheadernav li ul li a:hover, .theheadernav li ul li a:visited:hover {text-decoration: none; color:#2d333c; background:#fff;}

.theheadernav li ul {position: absolute; visibility: hidden; list-style: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-bottom:0px solid #ddd; margin-top:0px;}
.theheadernav li:hover ul, .theheadernav li.hover ul {visibility: visible;}
.theheadernav li:hover ul ul, .theheadernav li.hover ul ul {visibility: visible;}
.theheadernav li li:hover ul, .theheadernav li li.hover ul {visibility: visible;}
.theheadernav li li:hover ul ul, .theheadernav li li.hover ul ul {visibility: visible;}
.theheadernav li li li:hover ul, .theheadernav li li li.hover ul {visibility: visible;}

.theheadernav li ul li {float: none;}
	
.theheadernav li ul li:last-child, .theheadernav li ul li a:last-child {position:relative; border-right:0px solid #ddd;}

/******************************************
*   Header                      
******************************************/

#networkingheaderwrapper {display:none; position:relative; height:83px; top:0px; left:0; right:0; background:rgba(255,255,255,0); border-bottom:0px solid #e1e2e3; z-index:999;}
.networkingheadercontent {width:100%; margin:0 auto; max-width:950px; box-sizing:border-box; height:83px; padding:0px 15px 0px 15px;}
.theheadermenu {display:none;}

.networkingheader-logo {height:65px; width:255px; display:block; overflow:hidden; position:relative; background:url('images/logo.png') center center no-repeat; background-size:contain; margin-top:10px; margin-bottom:0px; float:left; image-rendering: -webkit-optimize-contrast;}
.networkingheader-menu {width:100%; clear:left;}

.networkingheadernav {box-sizing:border-box; display:none; position:relative; height:83px; overflow:hidden;}


#mainheadercontainer {display:none;}
.mainheadermenu {box-sizing:border-box; display:block; position:relative;}

.mainheaderlogo {height:auto; width:100%; max-width:500px; min-height:300px; display:block; overflow:hidden; position:relative; background:url('images/logo.png') center center no-repeat; background-size:contain; margin:0 auto; image-rendering: -webkit-optimize-contrast;}

/* centered main header menu change center to justify if desired AND remove overflow hidden and height size if submenus are desired*/

.mainheadernav {box-sizing:border-box; display:block; position:relative; margin:0 auto; height:64px; min-height:62px; line-height:0; background: -webkit-linear-gradient(top, rgba(0,0,0,0.7) 0%,rgba(0,0,0,.7) 25%,rgba(0,0,0,0.55) 45%,rgba(0,0,0,0.45) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0.7) 0%,rgba(0,0,0,0.55) 25%,rgba(0,0,0,0.45) 45%,rgba(0,0,0,0) 100%); }
.mainheadernav ul {display:block; max-width:900px; margin: 0 auto;  text-align: center;}
.mainheadernav ul:after {content: ''; display: inline-block; width:100%; box-sizing:border-box;}

.mainheadernav li {display:inline-block; padding:0px 9px 0px 9px;}

.mainheadernav li a, .mainheadernav li a:visited {display:block; text-decoration:none; color:#fff; font-weight:500; font-family:"Poppins", sans-serif; font-size:17px; letter-spacing:0.025em; text-transform:uppercase; line-height: 63px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
.mainheadernav li a:hover, .mainheadernav li a:visited:hover {color: #e1ddc8; text-decoration: none; }


/* sub-menus change margin top if border present*/
.mainheadernav li ul li a, .mainheadernav li ul li a:visited {min-width: 235px; text-align: left; display: block; text-decoration: none; color:#fff; padding: 0px 2px 0 18px; margin: 0px; line-height: 45px; background: rgba(0,0,0,0.8); position:relative; text-transform:none; border-left:0px solid #ddd; font-family:"Merriweather", serif; font-weight:300; font-style:italic; font-size:16px; border-bottom:0px solid #eee; z-index:99;}
.mainheadernav li ul li a:hover, .mainheadernav li ul li a:visited:hover {text-decoration: none; color:#67bfb7;}

.mainheadernav li ul {position: absolute; visibility: hidden; list-style: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-bottom:0px solid #ddd; margin-top:0px; text-align:left; max-width:235px;}
.mainheadernav li:hover ul, .mainheadernav li.hover ul {visibility: visible;}
.mainheadernav li:hover ul ul, .mainheadernav li.hover ul ul {visibility: visible;}
.mainheadernav li li:hover ul, .mainheadernav li li.hover ul {visibility: visible;}
.mainheadernav li li:hover ul ul, .mainheadernav li li.hover ul ul {visibility: visible;}
.mainheadernav li li li:hover ul, .mainheadernav li li li.hover ul {visibility: visible;}

.mainheadernav li ul li {float: none;}
	
.mainheadernav li ul li:last-child, .mainheadernav li ul li a:last-child {position:relative; border-right:0px solid #ddd;}

/* the menu format for all other pages*/

#mobileandscrollnav {display:block; min-height:82px; position:absolute; top:0; left:0; right:0; background:rgba(37,84,115,0.52); border-bottom:1px solid #fff; z-index:999;}
#mobileandscrollnav.fixednav {display:block; position:absolute; min-height:82px; top:0; left:0; right:0; background:rgba(37,84,115,0.52); border-bottom:1px solid #fff; z-index:999;}

/******************************************
*   For Structures without Headers                    
******************************************/

body.admin-bar #mobileandscrollnav.fixednav {margin-top:46px;}
body.admin-bar #mobileandscrollnav {margin-top:46px;}
body.admin-bar #navmenubutton {margin-top:46px;}
body.admin-bar #navmenubutton.fixednav {margin-top:46px;}
body.admin-bar #mainheadercontainer {margin-top:0px;}
body.admin-bar #networkingheaderwrapper {margin-top:46px;}


.mobileheader-logo {display:block; overflow:hidden; position:relative; margin-top:9px; margin-left:0px; height:65px; width:235px; background:url('images/logo-artofnetworking-mobile.png') center center no-repeat; image-rendering: -webkit-optimize-contrast;}

.menubackdrop {display:block; overflow:hidden; position:relative; height:83px;}

.mobileheader-content {padding-left:3px; display:block; overflow:hidden; position:relative;}


/******************************************
*   The Header Menu                     
******************************************/

.mainnav-content {position:relative; max-width:1100px; margin:0 auto;}
.mainnav-content ul {position:relative;}

/* Header Minimal Main Menu */
.mainnav {float:right; display:none; position:relative; margin:0px 15px 0px 15px; padding:0px 0px 0px 0px;}
.mainnav ul {max-width:800px; margin:0 auto; text-transform:none; z-index:999; display:block;}

.mainnav li a, .mainnav li a:visited {display: block; text-decoration: none; color:#000; font-family:"Playfair Display", serif; letter-spacing:0.015em; padding: 0px 14px 0px 14px; line-height: 82px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; font-size:16px; font-weight:400; text-indent:0px; text-transform:none; border-left:0px solid #ddd;}
.mainnav li a:hover, .mainnav li a:visited:hover {color: #e1ddc8; text-decoration: none; }
	
.mainnav li:last-child {position:relative; border-right:0px solid #ddd;}
.mainnav li:last-child a {position:relative;}
	
/* sub-menus change margin top if border present*/
.mainnav li ul li a, .mainnav li ul li a:visited {min-width: 235px; text-align: left; display: block; text-decoration: none; color:#3c3c3c; padding: 0px 9px 0 9px; margin: 0px; line-height: 45px; background: #f7f7f7; position:relative; text-transform:none; border-left:0px solid #ddd; font-style:normal; font-size:16px; font-family:"Poppins", sans-serif; font-weight:400; border-bottom:1px solid #eee;}
.mainnav li ul li a:hover, .mainnav li ul li a:visited:hover {text-decoration: none; color:#2d333c; background:#fff;}

.mainnav li ul {position: absolute; visibility: hidden; list-style: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-bottom:0px solid #ddd; margin-top:0px;}
.mainnav li:hover ul, .mainnav li.hover ul {visibility: visible;}
.mainnav li:hover ul ul, .mainnav li.hover ul ul {visibility: visible;}
.mainnav li li:hover ul, .mainnav li li.hover ul {visibility: visible;}
.mainnav li li:hover ul ul, .mainnav li li.hover ul ul {visibility: visible;}
.mainnav li li li:hover ul, .mainnav li li li.hover ul {visibility: visible;}

.mainnav li {float: left; width:auto;}
.mainnav li ul li {float: none;}
	
.mainnav li ul li:last-child, .mainnav li ul li a:last-child {position:relative; border-right:0px solid #ddd;}

/* Level 3 */
.mainnav li ul li ul {position: relative; display:block; overflow:hidden; border-top:1px solid #ddd; border-bottom:0px solid #ddd;}
.mainnav li ul li ul li a, .mainnav li ul li ul li a:visited {min-width: 200px; text-align: left; display: block; text-decoration: none; font-weight:300; color: #333; padding: 0px 9px 0 20px; margin: 0px; line-height: 40px; position:relative; background:#EFEFEF;}
.mainnav li ul li ul li a:hover {text-decoration:none; color:#111;}


/******************************************
*   Full Width Menu Bar Under Logo                
******************************************/

#headermenu-wrapper {display:none; min-height:65px; position:relative; top:0px; right:0; left:0; background:#222; z-index:77;}
.headermenu-content {max-width:1100px; margin:0 auto; padding:0px 35px 0px 35px;}

.nav-content {position:relative; max-width:1100px; margin:0 auto;}
.nav-content ul {position:relative;}

/* lines up the menu with title and content for first menu item */
#headermenu-wrapper .firstremovemenu, #headermenu-wrapper .firstremovemenu a {padding-left:0px !important;}

/*The Main Full Width Menu Style */
.nav { border-bottom: 0; height:auto; float:none; }
.nav ul { display: none; height: auto; float:none; }
.nav li {width: 100%; float: left; position: relative;}

.nav li a, .nav li a:visited {display: block; text-decoration: none; color:#e0e0e0; font-family:"Poppins", sans-serif; font-weight: 700;letter-spacing:0.038em; padding: 3px 7px 3px 20px; line-height: 50px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; font-size:14px;  text-transform:uppercase;}
.nav li a:hover, .nav li a:visited:hover {color: #fff; text-decoration: none; }

.nav li:last-child {position:relative;}
.nav li:last-child a {position:relative;}

/* sub-menus */
.nav li ul li a, .nav li ul li a:visited {min-width: 200px; text-align: left; display: block; text-decoration: none; font-weight:300; color:#000; padding: 0px 8px 0px 35px; margin: 0px; line-height: 45px; background: #eee; position:relative; text-transform:none; font-size:16px;}
.nav li ul li a:hover, .nav li ul li a:visited:hover {text-decoration: none;}

.nav li ul {position: relative; visibility: visible; list-style: none; border:0px solid #ddd;}
.nav li:hover ul, .nav li.hover ul {visibility: visible;}
.nav li:hover ul ul, .nav li.hover ul ul {visibility: visible;}
.nav li li:hover ul, .nav li li.hover ul {visibility: visible;}
.nav li li:hover ul ul, .nav li li.hover ul ul {visibility: visible;}
.nav li li li:hover ul, .nav li li li.hover ul {visibility: visible;}

.nav li ul li {float: none; line-height:45px;}
.nav li ul li ul li {float:none;}

/* Level 3 */
.nav ul li ul .sub-menu {display:block !important;}
.nav li ul li ul {position: relative; display:block; overflow:hidden; border-top:1px solid #ddd; border-bottom:0px solid #ddd;}
.nav li ul li ul li a, .nav li ul li ul li a:visited {min-width: 200px; text-align: left; display: block; text-decoration: none; font-weight:300; color: #333; padding: 0px 9px 0 20px; margin: 0px; line-height: 40px; position:relative; background:#EFEFEF;}
.nav li ul li ul li a:hover {text-decoration:none; color:#111;}


/******************************************
*   Page Title Background Default Styles                     
******************************************/

#pageheaderphoto-wrapper {min-height:185px; padding-bottom:25px; margin:0px 0px 0px 0px; position:relative;}

#pageheaderphoto-wrapper:before {position: absolute; top: 0; left: 0; background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 25%,rgba(0,0,0,0.25) 45%,rgba(0,0,0,0.35) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 25%,rgba(0,0,0,0.15) 45%,rgba(0,0,0,0.35) 100%); width: 100%; height: 100%; content: ""; z-index: 3;}

#pageheaderdefault-wrapper {background:url('images/backgrounds/architecture-blue.jpg') top center no-repeat #ddd; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; min-height:185px; padding-bottom:25px; margin:0px 0px 0px 0px; position:relative;}

#pageheaderdefault-wrapper:before {position: absolute; top: 0; left: 0; background: -webkit-linear-gradient(top, rgba(37, 84, 115,0.9) 0%,rgba(37, 84, 115,0.7) 25%,rgba(37, 84, 115,0.5) 45%,rgba(37, 84, 115,0.75) 100%); background: linear-gradient(to bottom, rgba(37, 84, 115,0.9) 0%,rgba(37, 84, 115,0.7) 25%,rgba(37, 84, 115,0.5) 45%,rgba(37, 84, 115,0.75) 100%); width: 100%; height: 100%; content: ""; z-index: 3;}

.headerphoto-container {display: block; position: relative; z-index: 3; margin:0 auto; padding-top:120px;}

.headerphoto-container h1 {color:#fff; text-transform:none; font-style:italic; margin-bottom:0px;}

.overlaybackground {position: absolute; top: 0; left: 0; background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 25%,rgba(0,0,0,0.22) 45%,rgba(0,0,0,0.32) 100%); width: 100%; height: 100%; content: ""; z-index: 3;}

.thebackground-content {display:block; overflow:hidden; position:relative; min-height:350px;}

/******************************************
*   Content                        
******************************************/

body.page-template-full-page .content {max-width:1100px; margin:0 auto; width:100%; float:none;}
body.page-template-full-page .fullcontainer {background:#fff; max-width:940px; margin:0 auto; padding:0px 35px 0px 35px; display:block; position:relative; z-index:1;}

/******************************************
*   Buttons          
******************************************/

.menucolor-button, .menucolor-button a, .menucolor-button a:link {background:#000;}
.menucolor-button:hover, .menucolor-button a:hover, .menucolor-button a:visited:hover {background:#000; color:#fff;}

.brand-button, a.brand-button:link, a.brand-button:visited, a.brand-button:active {background:#606f8c; color:#fff; text-align:center; margin:0px 0px 0px 0px; padding:18px 28px 18px 28px; -webkit-transition: background ease-out 0.35s; -moz-transition: background ease-out 0.35s; -ms-transition: background ease-out 0.35s; -o-transition: background ease-out 0.35s; transition: background ease-out 0.35s; display:inline-block; font-style:normal; font-family:"Playfair Display", serif; font-weight:400; font-size:22px;}

.brand-button:hover, a.brand-button:hover {background:#b5b5b5; color:#fff;}

.button, a.button:link, a.button:visited, a.button:active {background:#606f8c; color:#fff; text-align:center; margin:5px 0px 5px 0px; padding:10px 28px 10px 28px; -webkit-transition: background ease-out 0.35s; -moz-transition: background ease-out 0.35s; -ms-transition: background ease-out 0.35s; -o-transition: background ease-out 0.35s; transition: background ease-out 0.35s; display:inline-block; font-style:normal;}

.button:hover, a.button:hover {background:#222; color:#fff;}

.full-button, a.full-button:link, a.full-button:visited, a.full-button:active {background:#606f8c; color:#fff; text-align:center; margin:0px 0px 0px 0px; padding:18px 28px 18px 28px; -webkit-transition: background ease-out 0.35s; -moz-transition: background ease-out 0.35s; -ms-transition: background ease-out 0.35s; -o-transition: background ease-out 0.35s; transition: background ease-out 0.35s; display:inline-block; font-style:normal; font-family:"Playfair Display", serif; font-weight:400; font-size:22px; display:block;}

.full-button:hover, a.full-button:hover {background:#222; color:#fff;}

.border-button, a.border-button:link, a.border-button:visited, a.border-button:active {background:#fff; color:#606f8c; text-align:center; margin:15px 0px 5px 0px; padding:10px 28px 10px 28px; -webkit-transition: background ease-out 0.35s; -moz-transition: background ease-out 0.35s; -ms-transition: background ease-out 0.35s; -o-transition: background ease-out 0.35s; transition: background ease-out 0.35s; display:inline-block; font-style:normal; border:2px solid #606f8c;}

.border-button:hover, a.border-button:hover {background:#606f8c; color:#fff;}

.fullborder-button, a.fullborder-button:link, a.fullborder-button:visited, a.fullborder-button:active {background:#fff; color:#606f8c; text-align:center; margin:15px 0px 5px 0px; padding:10px 28px 10px 28px; -webkit-transition: background ease-out 0.35s; -moz-transition: background ease-out 0.35s; -ms-transition: background ease-out 0.35s; -o-transition: background ease-out 0.35s; transition: background ease-out 0.35s; display:block; font-style:normal; border:2px solid #606f8c;}

.fullborder-button:hover, a.fullborder-button:hover {background:#606f8c; color:#fff;}

.whiteborder-button, a.whiteborder-button:link, a.whiteborder-button:visited, a.whiteborder-button:active {background:rgba(0,0,0,0); color:#fff; text-align:center; margin:10px 0px 10px 0px; padding:10px 28px 10px 28px; -webkit-transition: background ease-out 0.35s; -moz-transition: background ease-out 0.35s; -ms-transition: background ease-out 0.35s; -o-transition: background ease-out 0.35s; transition: background ease-out 0.35s; display:inline-block; font-style:normal; border:2px solid #fff; font-family:"Libre Baskerville", serif; font-weight:400; font-style:italic; font-size:16px;}

.whiteborder-button:hover, a.whiteborder-button:hover {background:rgba(255,255,255,1); color:#b2b2b2;}

.whitebutton, a.whitebutton:link, a.whitebutton:visited, a.whitebutton:active {background:#fff; color:#000; text-align:center; margin:0px 0px 0px 0px; padding:16px 34px 16px 34px; -webkit-transition: background ease-out 0.35s; -moz-transition: background ease-out 0.35s; -ms-transition: background ease-out 0.35s; -o-transition: background ease-out 0.35s; transition: background ease-out 0.35s; display:inline-block; font-style:italic; font-family:"Playfair Display", serif; font-weight:300; font-size:19px;}

.whitebutton:hover, a.whitebutton:hover {background:#b5b5b5; color:#fff;}

.post-button, a.post-button:link, a.post-button:visited, a.post-button:active {background:#606f8c; color:#fff; text-align:center; margin:15px 0px 5px 0px; padding:10px 28px 10px 28px; -webkit-transition: background ease-out 0.35s; -moz-transition: background ease-out 0.35s; -ms-transition: background ease-out 0.35s; -o-transition: background ease-out 0.35s; transition: background ease-out 0.35s; display:inline-block; font-style:normal;}

.post-button:hover, a.post-button:hover {background:#222; color:#fff;}

.more-button, a.more-button:link, a.more-button:visited, a.more-button:active {background:#fff; color:#777; text-align:right; margin:25px 0px 0px 0px; padding:10px 20px 10px 20px; -webkit-transition: all ease-out 0.35s; -moz-transition: all ease-out 0.35s; -ms-transition: all ease-out 0.35s; -o-transition: all ease-out 0.35s; transition: all ease-out 0.35s; display:block; box-sizing:border-box; border:1px solid #777;}

.more-button:hover, a.more-button:hover {background:#777; color:#fff;}

.button-left {width:100%; display:block; overflow:hidden; position:relative;}
.button-right {width:100%; display:block; overflow:hidden; position:relative;}

/******************************************
*   Form Elements                        
******************************************/

input[type=submit], input[type=button]  {-webkit-appearance:none; -moz-appearance:none; appearance:none;}

select {display:block; overflow:hidden; min-width:200px; line-height:40px; padding:0px 5px 0px 5px; width:100%; background:#fff; border:1px solid #ddd; margin-bottom:10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

.post-password-form {margin:0 auto; text-align:center; max-width:500px;}

#pwbox-377 {line-height: 38px; font-size: 18px; width:99%; margin:15px 0px 15px 0px;}

.post-password-form input[type="submit"], input[type="button"] {display:block; overflow:hidden; position:relative; padding:20px 0px 20px 0px; margin: 0 auto; text-align:center; font-size:18px; border:0px solid #000; background:#000; color:#fff; width:100%;}

.post-password-form input[type="submit"], input[type="button"]:hover {cursor:pointer;}

/******************************************
*   Front Page                       
******************************************/

.riveroaksnetworking-logo {height:115px; width:285px; display:block; overflow:hidden; position:relative; background:url('images/backgrounds/logo.png') center center no-repeat; background-size:contain; margin:0 auto; image-rendering: -webkit-optimize-contrast;}

.featurelined {display: flex; width: 90%; justify-content: center;  align-items: center;  text-align: center; margin:0 auto;}
.featurelined:before, .featurelined:after {content: ''; border-top: 2px solid rgba(255,255,255,1); margin: 0 10px 0 0; flex: 1 0 10px; }
.featurelined:after { margin: 0 0 0 10px;}

.featurelined-box {border:0px solid rgba(255,255,255,1); padding:5px 25px 5px 25px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.featurelinedmessage {font-family: "Poppins", serif; font-weight: 400; line-height: 32px; color:#fff; font-size:26px; padding-top:5px; padding-bottom:5px; letter-spacing:0.03em;}	

#mainphoto-wrapper {background:url('images/backgrounds/architecture-blue.jpg') center center no-repeat #ddd; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; min-height:60vh; margin:0px 0px 0px 0px; position:relative;}

#mainphoto-wrapper:before {position: absolute; top: 0; left: 0; background: linear-gradient(to bottom, rgba(0,0,0,0.35) 0%,rgba(0,0,0,0.25) 25%,rgba(0,0,0,0.25) 45%,rgba(0,0,0,0.35) 100%); width: 100%; height: 100%; content: ""; z-index: 3;}

.mainphoto-container {display: block; position: relative; z-index: 3; margin:0 auto; padding-top:115px; padding-bottom:55px;}
.mainphoto-container h1 {color:#fff; text-transform:none; font-style:italic; margin-bottom:0px; text-align:center;}
.mainphoto-container h2 {color:#fff; margin-bottom:0px; text-align:center;}
.mainphoto-container h3 {color:#fff; margin-bottom:0px; text-align:center;}

.mainphoto-content {display:block; overflow:hidden; position:relative; max-width:1040px; margin:0 auto; padding:0px 35px 0px 35px; color:#fff;}

.fullvideo-container {display: block; position: relative; z-index: 3; margin:0px; padding-top:285px; padding-bottom:25px;}
.fullvideo-container h1 {color:#fff; text-transform:none; font-style:italic; margin-bottom:0px;}

.featurewidget-container {display:block; overflow:hidden; position:relative; max-width:700px; margin:0 auto; color:#fff; padding:25px;}

#mainwelcome-wrapper {background:url('images/backgrounds/architecture-blue.jpg') center center no-repeat #ddd; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; min-height:70vh; margin:0px 0px 0px 0px; position:relative;}

#mainwelcome-wrapper:before {position: absolute; top: 0; left: 0; opacity: .71; background:linear-gradient( to bottom, rgba(0, 0, 0, 0.29), rgba(0, 0, 0, 0.65) ); width: 100%; height: 100%; content: ""; z-index: 3;}

.mainwelcome-container {display: block; position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; z-index: 3; max-width:700px; margin:0 auto;}
.mainwelcome-center {width: 100%; padding: 0px 0px 0px 0px; box-sizing: border-box; position: absolute; bottom: 0; right: 0; top: 0; display: flex; justify-content: center; flex-direction:column; }
.mainwelcome-box {box-sizing:border-box; padding:25px; text-align:center; font-style:normal; line-height: 1.4em; color:#fff;}

/******************************************
*   Metaslider Home Background           
******************************************/

#sliderwelcome-wrapper {position:relative; display:block; overflow:hidden; z-index:4; margin:0px 0px 0px 0px;}

.sliderwelcome-container {display: block; position: relative; z-index: 3; width:100%; flex-direction:column; box-sizing:border-box; }
.sliderwelcome-center {box-sizing: border-box; background:rgba(255,255,255,1.0);}
.sliderwelcome-box {padding:35px 35px 35px 35px; text-align:left; margin:0 auto; font-style:normal; line-height: 1.4em; color:#000;}

#sliderwelcome-wrapper:before {position:absolute; top:0; left:0; opacity: .31; background-color: #222; width:100%; height:100%; content:""; z-index:3;}

/******************************************
*   Header Box Message and Photo Slideshow                       
******************************************/

#boxedhome-wrapper {position:relative; display:block; overflow:hidden; z-index:4; margin:0px 0px 0px 0px;}

.boxedleft-container {display: block; position: relative; z-index: 3; width:100%; flex-direction:column; box-sizing:border-box; }
.boxedleft-center {box-sizing: border-box; background:rgba(255,255,255,1.0);}
.boxedleft-box {box-sizing:border-box; padding:35px 15px 35px 15px; text-align:left; max-width:900px; margin:0 auto; font-style:normal; line-height: 1.4em; color:#000;}

.boxedright-container {width:100%; display:block; position:relative;}
.boxedright-container:before {position:absolute; top:0; left:0; opacity: .31; background-color: #313131; width: 100%; height: 100%; content: ""; z-index: 3; }

/******************************************
*   Visual Porfolio Blog Formating                      
******************************************/

.wp-block-visual-portfolio.scienceprojectblog .vp-portfolio__item {border:1px solid #f9f9f9; padding:5px; min-height:425px;}
.wp-block-visual-portfolio.scienceprojectblog .vp-portfolio__items-style-default .vp-portfolio__item-meta {padding:15px 5px 15px 5px !important;}
.wp-block-visual-portfolio.scienceprojectblog .vp-portfolio__items-style-default .vp-portfolio__item-meta-title {margin-bottom:15px !important; font-size:18px; font-weight:700;}
.wp-block-visual-portfolio.scienceprojectblog .vp-portfolio__items-style-default .vp-portfolio__item-meta-excerpt {font-size:15px !important;}

/******************************************
*   Post Structure Thirds Blog Style                       
******************************************/

.scienceblog-titlewrapper {display:block; overflow:hidden; position:relative; max-width:1100px; margin:0 auto; padding:35px 35px 0px 35px;}
.scienceblog-titlewrapper h1 {margin-bottom:0px;}

.scienceblog-container {background:#fff; max-width:1100px; margin:0 auto; padding:35px 15px 35px 15px; display:block; position:relative; overflow:hidden; z-index:1;}

.scienceblog-post {display:block; overflow:hidden; position:relative; width:100%; margin-bottom:10px; max-width:400px; margin:0 auto;}
.scienceblog-border {box-sizing:border-box; border:1px solid #d7d7d7; padding:10px; margin:5px 5px 15px 5px; background:#fff;}
.scienceblogbackground {width:100%; position:static; top:0; left:0; bottom:0; height:200px; min-height:200px; background:#222; color:#fff; z-index:9; -webkit-transition: all ease-out 0.35s; -moz-transition: all ease-out 0.35s; -ms-transition: all ease-out 0.35s; -o-transition: all ease-out 0.35s; transition: all ease-out 0.35s;}
.scienceblogwithoutphoto {width:100%; position:static; top:0; left:0; bottom:0; height:200px; min-height:200px; background:url('images/backgrounds/fronthouse-background.jpg') center center no-repeat #222; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; color:#fff; z-index:9; -webkit-transition: all ease-out 0.35s; -moz-transition: all ease-out 0.35s; -ms-transition: all ease-out 0.35s; -o-transition: all ease-out 0.35s; transition: all ease-out 0.35s;}
.scienceblogimagecontainer {position:relative; overflow:hidden; filter:grayscale(0%) saturate(130%);}
.scienceblogimagecontainer:hover {position:relative; overflow:hidden; filter:grayscale(100%);}


.scienceblogbackground:hover {transform:scale(1.3);}
.scienceblogwithoutphoto:hover {transform:scale(1.3);}

.scienceblog-title {display:block; overflow:hidden; position:relative; background:rgba(255,255,255,0); padding:10px 0px 15px 0px; box-sizing:border-box; text-align:left; font-weight:700; font-size:18px; line-height:1.3em; font-family:"Libre Baskerville", serif; color:#000;}

.scienceblog-text {font-size:14px; text-align:left; color:#4b5764; padding-bottom:15px;}
.scienceblog-text p {margin:0px 0px 0px 0px; line-height:1.48em;}

.scienceblog-cat {display:block; overflow:hidden; position:relative; min-height:20px; font-family:"Merriweather", serif; font-style:italic; font-weight:300; color:#222; text-align:center; font-size:14px; padding:15px 0px 0px 0px;}

/******************************************
*   Post Structure Blog Style                       
******************************************/

.thearticle-container {display:block; overflow:hidden; position:relative; max-width:500px; text-align:center; margin:0 auto; clear:both;}
.thearticle-photo {width:100%; background:#222; line-height:0px;}
.thearticle-post {padding:25px 20px 25px 20px; text-align:center; border-right:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7; border-left:1px solid #d7d7d7; margin-bottom:20px;}
.thearticle-withoutphoto {padding:25px 20px 25px 20px; text-align:center; border:1px solid #d7d7d7; margin-bottom:20px;}

/* blog without images structure */
.blog-wrapper {max-width:900px; margin:0 auto; display:block; overflow:hidden; position:relative; clear:both;}
.blog-articlebox {display:block; overflow:hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border:1px solid #ddd; padding:15px; margin-bottom:25px;}

/* If centered without sidebar adjust width */
#narrow-wrapper {display:block; overflow:hidden; position:relative; max-width:700px; margin:0 auto; clear:both;}

/******************************************
*   Post Structure List Style                       
******************************************/

.articlelist-content {border:1px solid #ddd; display:block; overflow:hidden; background:#fff; padding:10px; margin:55px 0px 55px 0px;}
.articlelist-posts {display:block; padding-top:15px; padding-bottom:5px; border-bottom: 1px solid #ddd;}
.articlelist-posts:hover {text-decoration: none;}

/******************************************
*   Post Custom Styles                     
******************************************/

.aboutemployees {display:block; position:relative;}
.aboutemployees p {margin:5px 0px 5px 0px;}
.aboutemployees h3 {margin-bottom:5px; letter-spacing:0.01em;}

.aboutemployees img {max-width:175px; max-height:175px;}

.colorborder-box {border:1px solid #e1ddc8; padding:25px 25px 25px 25px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.colorborder-box h2 {font-size:22px;}
.colorborder-box h2:after {display:block; content: ''; height: 1px; width: 100%; background:#e1ddc8; margin: 15px 0px 25px 0px;}

.colorborder-box blockquote {text-align:center; color:#777;}

/******************************************
*   Post Formatting                      
******************************************/
.entry {padding-bottom:0px; display:block; text-align:left;}
.description {font-size: 1.3em; font-weight: bold; color:#2d333c;}
.caption-bottom {word-wrap:normal !important; word-break:normal !important; -ms-word-break:normal; -webkit-hyphens: none; -moz-hyphens: none; hyphens: none;}

.wp-caption {max-width: 100%; background: #eee;padding: 5px; /* images inside wp-caption */ }
.wp-caption img {max-width: 100%; margin-bottom: 0; width: 100%;}
.wp-caption p.wp-caption-text {font-size: 0.85em; margin: 4px 0 7px; text-align: center; }

.wp-block-quote {border-left:0px solid #fff;}

blockquote {background:#fff; color:#757575; padding:45px 15px 45px 15px; margin:25px 0px 25px 0px; border-top:1px solid #e1ddc8; border-bottom:1px solid #e1ddc8; font-size:22px; line-height:35px;}

.post blockquote {background:#fff; color:#757575; padding:28px 15px 28px 15px; margin:25px 0px 25px 0px; font-family: "Libre Baskerville", serif; font-weight: 400; font-style:italic; border-top:1px solid #e1ddc8; border-bottom:1px solid #e1ddc8; font-size:22px; line-height:35px;}
.post blockquote h1, .post blockquote h2, .post blockquote h3 {font-style:normal;}

.post ul {padding:25px 0px 25px 0px;}
.post ul li {list-style:square; margin-bottom:20px; margin-left:42px;}
.post ul li h3 {font-size:1em; margin:10px 0px -12px 0px; display:block; overflow:hidden;}
.post ol {padding:25px 0px 25px 0px; list-style:decimal;}
.post ul li ul {padding:20px 0px 0px 0px;}

.post ol li {margin-bottom:15px; margin-left:42px;}
	
ul.topic-text {list-style:square !important;}

#tags {padding:3px; border-bottom:0px solid #ddd; border-top:0px solid #ddd;}	
	
.postmetadata {font-size:0.9em; margin:0 0 10px 0; padding:5px 10px; background:#ffffff; border-top:0px solid #000000; border-bottom:0px solid #000000;}

/* Text meant only for screen readers. */
.screen-reader-text {clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden;}
.screen-reader-text:focus {background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000;}

.author-bio {font-size:0.825em; padding-bottom:20px;}

.cat-next, .cat-next a {font-size:1.2em; color:#000; text-align:right; text-decoration:none;}

.scienceblog-author {display:block; overflow:hidden; position:relative; border-top:1px solid #e1ddc8; border-bottom:1px solid #e1ddc8; margin-top:15px; font-size:16px; font-weight:400;}
.scienceblog-date {font-family:"Poppins", sans-serif; font-weight:700; font-size: 14px; color:#757575; text-transform:uppercase; letter-spacing:0.045em; margin-bottom:8px;}
.scienceblog-minidate {font-family:"Poppins", sans-serif; font-weight:700; font-size: 12px; color:#757575; text-transform:uppercase; letter-spacing:0.045em; padding-left:0px; margin:bottom:0px;}

.scienceblog-author img {max-width:50px; max-height:50px;}
.scienceblog-author .wp-block-image .alignleft {margin:14px 8px 0px 0px;}

.scienceblog-authorbottom {display:block; overflow:hidden; position:relative; border-top:1px solid #e1ddc8; margin-top:35px; padding-top:15px; font-weight:400; font-style:italic;}

/* button style category listings */
.postcat-wrap {display:block; overflow:hidden; position:relative; margin:0 auto; max-width:525px; padding:5px 0px 15px 0px;}
.postcategory-name a {text-align:center; font-size:0.9em; letter-spacing:0.02em; text-transform:uppercase; background:#2d333c; color:#fff; padding:8px 5px 8px 5px; -webkit-transition: background ease-out 0.35s; -moz-transition: background ease-out 0.35s; -ms-transition: background ease-out 0.35s; -o-transition: background ease-out 0.35s; transition: background ease-out 0.35s; display:block; font-style:normal; width:45%; box-sizing:border-box; max-width:200px; margin:0 auto;}
a.postcategory-name:link, a.postcategory-name:visited, a.postcategory-name:active {color:#fff;}

.categorybutton, a.categorybutton:link, a.categorybutton:visited, a.categorybutton:active {background:#2d333c; color:#fff; font-size:0.67em; text-align:center; margin:15px 0px 5px 0px; padding:8px 8px 8px 8px; -webkit-transition: background ease-out 0.35s; -moz-transition: background ease-out 0.35s; -ms-transition: background ease-out 0.35s; -o-transition: background ease-out 0.35s; transition: background ease-out 0.35s; display:inline-block; font-style:normal; width:45%; box-sizing:border-box;}

.categorybutton:hover, a.categorybutton:hover {background:#222;}

/******************************************
*   Previous and Next Page Navigation                        
******************************************/
#navigation-blog-wrapper {display:block; overflow:hidden; position:relative; width:100%;}
.navigation {position:relative;}
.navigation a {width: 120px; border: 1px solid #2d333c; padding:5px 8px 5px 8px; text-align:center; font-size:1em; text-decoration:none; color:#2d333c; display:block; overflow:hidden; margin:5px 0px 5px 0px;  -webkit-transition: all ease-out 0.35s; -moz-transition: all ease-out 0.35s; -ms-transition: all ease-out 0.35s; -o-transition: all ease-out 0.35s; transition: all ease-out 0.35s; box-sizing:border-box; }
.navigation a:hover {background-color:#555; color:#fff;}

.preventries {float:left; }
.nextentries {float:right; }

#navigation-blog-wrapper a {background:#fff; font-family:"Poppins", sans-serif; font-weight:700; font-size: 14px; color:#757575; text-transform:uppercase; letter-spacing:0.045em; text-align:center; margin:5px 5px 5px 5px; padding:5px 2px 5px 2px; -webkit-transition: background ease-out 0.35s; -moz-transition: background ease-out 0.35s; -ms-transition: background ease-out 0.35s; -o-transition: background ease-out 0.35s; transition: background ease-out 0.35s; display:inline-block; font-style:normal; border:1px solid #b5b5b5; min-width:80px; }

#navigation-blog-wrapper a:hover {background:#b5b5b5; color:#fff;}

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

/******************************************
*   Coming Soon Page                  
******************************************/

body.page-template-coming-soon {font-family:"Merriweather", serif; font-weight:400;}
body.page-template-coming-soon .containerwrapper {margin:0 auto; overflow-x: hidden; min-height:85vh;}
body.page-template-coming-soon .fullcontainer {background:#fff; max-width:1000px; margin:0 auto; padding:0px 35px 0px 35px; display:block; position:relative; z-index:1;}
body.page-template-coming-soon #mobileandscrollnav {display:none;}
body.page-template-coming-soon #mainheadercontainer {display:none;}
body.page-template-coming-soon #navmenubutton {display:none;}
body.page-template-coming-soon #navmenubutton.fixednav {display:none;}
body.page-template-coming-soon #footerwrapper {display:none;}
body.page-template-coming-soon #footersection {display:none;}
body.page-template-coming-soon .containerwrapper {margin:0 auto; background:#fff; overflow-x: hidden;}
body.page-template-coming-soon .menubackdrop {display:none;}
body.page-template-coming-soon #theheaderwrapper {display:none;}
body.page-template-coming-soon #networkingheaderwrapper {display:none;}

#comingsoonwelcome-wrapper {background:url('images/backgrounds/architecture-blue.jpg') top center no-repeat #255473; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; height:100vh; min-height:450px; margin:0px -25px 0px -25px; position:relative;}

.comingsoonbackground {background: linear-gradient(to bottom, rgba(37, 84, 115, 0.2) 0%,rgb(37, 84, 115, 0.5) 25%,rgb(37, 84, 115, 0.7) 45%,rgb(37, 84, 115, 0.8) 100%); display:block; overflow:hidden; position:absolute; top:0; right:0; bottom:0; left:0;}

.comingsoonwelcome-container {display: block; position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; z-index: 3; max-width:90%; margin:0 auto;}
.comingsoonwelcome-center {width: 100%; padding: 15px; box-sizing: border-box; position: absolute; bottom: 0; right: 0; top: 0; display: flex; justify-content: center; flex-direction:column; }
.comingsoonwelcome-box {box-sizing:border-box; padding:0px 0px 0px 0px; text-align:center; color:#fff; }

.comingsoon-logo {height:115px; width:285px; display:block; overflow:hidden; position:relative; background:url('images/backgrounds/logo.png') center center no-repeat; background-size:contain; margin:0 auto; image-rendering: -webkit-optimize-contrast;}


.comingsoontitle {font-family:"Poppins", sans-serif; font-weight:400; font-size:21px; line-height:26px; display:block; padding-top:15px; text-transform:uppercase; letter-spacing:0.03em;}
.comingsoonmessage {font-family: "Libre Baskerville", serif; font-weight: 400; line-height: 32px; color:#fff; font-style:italic; font-size:26px; padding-top:25px; padding-bottom:25px;}	

.comingsoon-container {display:block; overflow:hidden; position:relative; margin:0 auto; max-width:980px; padding:0px 25px 55px 25px; box-sizing:border-box;}

.comingsoonmessage-wrapper {padding:15px;}
.comingsoon-messagebox {display:block; overflow:hidden; position:relative; max-width:750px; text-align:center; padding:45px 25px 45px 25px; margin:0 auto; border:1px solid #444;}

.whitefancylined {display: flex; width: 90%; justify-content: center;  align-items: center;  text-align: center; margin:0 auto;}
.whitefancylined:before, .whitefancylined:after {content: ''; border-top: 1px solid rgba(255,255,255,1); margin: 0 10px 0 0; flex: 1 0 10px; }
.whitefancylined:after { margin: 0 0 0 10px;}

.whitefancytitle-box {border:1px solid rgba(255,255,255,1); padding:25px 25px 25px 25px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

.comingsoon-phone {font-family: "Poppins", serif; font-weight: 500; line-height: 32px; color:#fff; font-size:28px; padding-top:15px; padding-bottom:5px; white-space:nowrap;}	

/******************************************
*   Blank Structure                     
******************************************/

body.page-template-blank-page .fullcontainer {background:#fff; max-width:940px; margin:0 auto; padding:0px 35px 0px 35px; display:block; position:relative; z-index:1;}

body.page-template-landing-home .fullcontainer {background:#fff; max-width:940px; margin:0 auto; padding:0px 35px 0px 35px; display:block; position:relative; z-index:1;}


/******************************************
*   Branding Structure                     
******************************************/

.brandingwelcome-container {display: block; position: relative; z-index: 3; flex-direction:column; box-sizing:border-box; }

#brandingphoto-wrapper {position:relative; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; min-height:60vh; margin:0px 0px 0px 0px;}

#brandingdefault-wrapper {background:url('images/backgrounds/architecture-blue.jpg') center center no-repeat #ddd; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; min-height:60vh; margin:0px 0px 0px 0px; position:relative;}

#brandingphoto-wrapper:before {position: absolute; top: 0; left: 0; background: linear-gradient(to bottom, rgba(0,0,0,0.35) 0%,rgba(0,0,0,0.25) 25%,rgba(0,0,0,0.25) 45%,rgba(0,0,0,0.35) 100%); width: 100%; height: 100%; content: ""; z-index: 3;}

#brandingdefault-wrapper:before {position: absolute; top: 0; left: 0; background: linear-gradient(to bottom, rgba(0,0,0,0.35) 0%,rgba(0,0,0,0.25) 25%,rgba(0,0,0,0.25) 45%,rgba(0,0,0,0.35) 100%); width: 100%; height: 100%; content: ""; z-index: 3;}

.brandingphoto-container {display: block; position: relative; z-index: 3; margin:0 auto; padding-top:115px; padding-right:15px; padding-bottom:55px; padding-left:15px;}

/******************************************
*   Sidebar and Sidebar Menu                       
******************************************/

.sidebar li {list-style:none;}
.sidebar ul {list-style:none; display:block; line-height:1.5em; margin-left:0px !important; margin-bottom:0px !important; padding:3px 0px 3px 0px;}
.sidebar ul li a, .sidebar ul li a:visited {display: block; text-decoration:none; border-left:2px solid #fff; text-transform:uppercase; color:#101010; padding:7px 0px 7px 15px; border-bottom:1px solid #ddd;}
.sidebar ul li a:hover {color:#2d333c; border-left:2px solid #2d333c;}

.sidebar .widget_text {padding-top:0px; padding-bottom:15px;}
.sublist li a:hover, .sublist li a:active {text-decoration:none;}


.sidebar_nav ul {margin:0 auto; text-transform:uppercase; padding-top:18px; padding-bottom:25px;}

.sidebar_nav li a, .sidebar_nav li a:visited {background:#fff; margin:0px 0 5px 0; display: block; text-decoration: none; color: #555; border-bottom:1px solid #ddd; letter-spacing:0.025em; padding:7px 0px 7px 15px; font-size:1em; text-transform:uppercase; -webkit-transition: all ease-out 0.35s; -moz-transition: all ease-out 0.35s; -ms-transition: all ease-out 0.35s; -o-transition: all ease-out 0.35s; transition: all ease-out 0.35s; }

.sidebar_nav li a:hover, .sidebar_nav li a:visited:hover { color:#2d333c; text-decoration: none; border-bottom:1px solid #2d333c; }

.sidebar_nav li.current-menu-item a { color:#999999; }
.sidebar_nav li.current_page_item  a { color:#999999; }

/******************************************
*   Special Widget Sections                  
******************************************/
.metaslider {overflow: hidden;}
.metaslider .caption {font-size:1.1em; letter-spacing:0.08em;}

/******************************************
*   Main Search Form
******************************************/

#searchform {margin:0 auto; margin-bottom:15px; line-height:40px; position:relative; display:block; overflow:hidden; box-sizing:border-box; width:100%;}

.rounded {border:1px solid #cccccc; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; background:#fff; color:#111;}
.searchinfo {float:left; box-sizing:border-box; width:70%;}

#searchform input, #searchform input[type=text]  {background:url('images/search-icon-noir.png') left no-repeat; height: 40px; font-size: 16px; padding-left:30px; line-height:1em; border:0px solid #fff; color:#000; font-style:italic; box-sizing:border-box;}
#searchform .searchbutton {background:#fff; padding:0px; margin:0px; border-left:1px solid #ddd; color:#2d2d2d; float:right; font-style:normal; float:right; width:30%; box-sizing:border-box; height:40px;}

.searchbutton {background:#fff; color:#ddd; border:0px solid #fff;}
.searchbutton:hover {cursor:pointer;}        


/******************************************
*   Contact Form 7                        
******************************************/
.wpcf7-text {display:block; overflow:hidden; line-height:40px; padding:0px 5px 0px 5px; width:100%; background:#fff; border:1px solid #ddd; margin-bottom:10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size:1.2em; min-height:40px;}

.wpcf7-textarea {display:block; overflow:hidden; line-height:1.3em; padding:0px 5px 15px 5px; width:100%; background:#fff; border:1px solid #ddd; margin-bottom:10px; -moz-box-shadow: inset 0px -7px 10px -7px #ddd; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size:1.2em;}

.wpcf7-text:focus {border:1px solid #bbb;}
.wpcf7-textarea:focus {border:1px solid #bbb;}

.wpcf7-list-item { display: block; margin-top:5px; color:#555555; }
.wpcf7-list-item.last { float:none; }

input.wpcf7-form-control.wpcf7-submit {padding:10px 20px 10px 20px; font-size:1.1em; border:0px solid #fff;}

input.wpcf7-form-control.wpcf7-date.wpcf7-validates-as-date {box-sizing:border-box; line-height:2em !important; width:100%; border:1px solid #ddd !important; font-size:1.2em;}

select.wpcf7-form-control {display:block; overflow:hidden; line-height:40px; padding:10px 5px 10px 5px; width:100%; background:#fff; border:1px solid #ddd; margin-bottom:10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

.contactbutton {display:block; background:#333; color:#fff; text-align:center; font-size:1.2em; line-height:1.4em; padding-top:10px; padding-bottom:10px; width:100%; border:0px solid #fff; -webkit-transition: background ease-out 0.35s; -moz-transition: background ease-out 0.35s; -ms-transition: background ease-out 0.35s; -o-transition: background ease-out 0.35s; transition: background ease-out 0.35s; box-sizing:border-box;}
.contactbutton:hover {background:#555; cursor:pointer;}


/************************************************************************************
   COMMENTS
*************************************************************************************/

.commentwrap {margin: 10px 0 20px; position: relative; clear: both;}
.comments-area {padding:35px 0px 35px 0px;}

/* comment title */
.comment-title, #reply-title {font-size: 16px; margin: 0 0 10px; padding: 0;}

/* comment pagenav */
.commentwrap .pagenav {margin: 10px 0; border: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}
.commentwrap .pagenav.top {margin: 0; position: absolute; top: 10px; right: 0;}

/* commentlist */
.commentlist {margin: 0 0 30px; padding: 5px 0 0; border-top: solid 1px #ddd;}
.commentlist li {margin: 0; padding: 15px 0 0; list-style: none; position: relative;}

.commentlist .comment-author {margin: 2px 0 5px; padding: 0;}
.commentlist .avatar {float: left; margin: 0 15px 0 0;}

.commentlist cite {font-style: normal; font-size: 14px;}
.commentlist cite a {text-decoration: none;}
.commentlist .bypostauthor > .comment-author cite {background: url(images/icon-author-comment.png) no-repeat 0 2px; padding-left: 18px;}

.commentlist .comment-time {font-size: 75%; text-transform: uppercase;}
.commentlist .commententry {
	border-bottom: solid 1px #ddd; position: relative; min-height: 40px; overflow: hidden; padding-bottom: 5px; word-wrap: break-word;}

.commentlist ul, .commentlist ol {margin: 0 0 0 7%; padding: 0;}

/* reply link */
.commentlist .reply {position: absolute; right: 0; top: 8px; }
.commentlist .comment-reply-link {font-size: 11px; text-transform: uppercase; text-decoration: none;}
.commentlist .comment-reply-link:hover {text-decoration: none;}

#commentform input#submit { background:#606f8c; color:#fff; font-size:1.1em; text-align:center; margin:15px 0px 5px 0px; padding:10px 20px 10px 20px; -webkit-transition: background ease-out 0.35s; -moz-transition: background ease-out 0.35s; -ms-transition: background ease-out 0.35s; -o-transition: background ease-out 0.35s; transition: background ease-out 0.35s; display:inline-block; font-style:normal; border:2px solid #d6d4c3;}

#commentform input#submit:hover {background:#2d333c;}

/******************************************
*   Comment Form                        
******************************************/
#respond {margin: 0; padding: 10px 0 0; position: relative; clear: both;}

#respond #cancel-comment-reply-link {position: absolute; top: 20px; right: 0; font-size: 85%; line-height: 100%; text-decoration: none; padding: 5px 10px; display: block; color: #fff; background: #F30;}
#respond #cancel-comment-reply-link:hover {background: #333;}

#commentform {margin: 15px 0 0;}
#commentform input[type=text] {max-width:250px; padding:5px; display:block; overflow:hidden; margin:10px 0px 10px 0px;}
#commentform label {font-weight: bold;}
#commentform label small {font-weight: normal;}
#commentform textarea {height: 140px; width:97%; padding:1%; box-sizing:border-box;}
#commentform input#submit {padding: 7px 20px;}

/******************************************
*   Float Properties                        
******************************************/
.clearfloat:after {display:block; visibility:hidden; clear:both; height:0; content:".";}
.clearfloat {display:inline-block;}	
.clearfloat {display:block;}

/* Clearfix */
.clearfix:before, .clearfix:after {content: " "; display: table;}
.clearfix:after {clear: both; }
.clearfix { *zoom: 1; }

/******************************************
*   Footer                        
******************************************/

#footerwrapper {background:#184462; display:block; overflow:hidden; padding:65px 25px 65px 25px; position:relative; color:#f7f7f7; font-size:0.85em;}
#footerwrapper a, #footerwrapper a:link, #footerwrapper a:active {color:#fff;}
#footerwrapper a:hover {color:#e1ddc8;}
#footerwrapper h3 {color:#fff; font-size:18px;}

#footersection {display:block; overflow:hidden; position:relative;}
.footersection-logo {height:215px; width:285px; display:block; overflow:hidden; position:relative; background:url('images/logo.png') center center no-repeat; background-size:contain; margin:0 auto; image-rendering: -webkit-optimize-contrast;}

.footercontact-details {display:block; overflow:hidden; position:relative; padding:25px 0px 15px 0px;}
.footercontact-details i {color:#e1ddc8; line-height:22px; width:22px; text-align:center; padding:3px; margin-right:5px; margin-left:0px;}

.footercontent {max-width:1100px; margin:0 auto;}

.footer-one {width:100%; padding-bottom:35px;}
.footer-two {width:100%;}
.footer-three {width:100%;}

.footer-full {text-align:center; font-size: 0.8em; max-width:1100px; margin:0 auto; padding:15px 25px 15px 25px; box-sizing:border-box;}

.footer-details {width:100%;}
.footer-sidebar {width:100%; text-align:left;}
.footer-contact {font-weight:bold; text-align:left; letter-spacing:0.07em; padding-bottom:37px;}

.footerhalf-one {width:100%; padding-bottom:15px;}
.footerhalf-two {width:100%;}

#footer {margin: 0 auto; font-size:0.9em; text-align:center; color:#777777; padding-top:10px; padding-bottom:20px;}

.footerwidget {margin-bottom:15px;}


/* Footer Menu */
#footerwrapper .footer-nav ul {margin:0 auto; padding-top:25px;}

#footerwrapper .footer-nav li a:before {content: "\f105"; font-family:'Font Awesome 5 FREE'; font-size:16px; line-height:24px; text-align:center; color:#fff; display:inline-block; width:25px; height:25px; font-weight:700;}
#footerwrapper .footer-nav li a, .footer-nav li a:visited { margin:0px 0 5px 0; display: block; text-decoration: none; color: #fff; border-bottom:0px solid #71c8c0; font-family: "Libre Baskerville", serif; font-weight:400; line-height:38px; font-size:18px; text-transform:none; }
#footerwrapper .footer-nav li a:hover, .footer-nav li a:visited:hover {color: #e1ddc8; text-decoration: none; }

/* Logo and Nav Icon Minimum Screen Size ----------------------------------------------------------------------------------------- */


@media screen and (min-width : 350px) {
	
.mobileheader-logo {display:block; overflow:hidden; position:relative; margin-top:9px; margin-left:3px; height:65px; width:255px; background:url('images/logo-artofnetworking.png') center center no-repeat; image-rendering: -webkit-optimize-contrast; background-size:auto;}
	
}

@media screen and (min-width : 400px) {
	
.header-logo {height:65px; width:255px; display:block; overflow:hidden; position:relative; background:url('images/logo.png') center center no-repeat; background-size:contain; margin-top:10px; margin-bottom:0px; float:left; image-rendering: -webkit-optimize-contrast;}
	
}

/* Larger Phones and Devices ------------------------------------------------------------------------------------------------------- */
@media screen and (min-width : 500px) {
	
.mobileheader-content {padding-left:0px; display:block; overflow:hidden; position:relative;}

.mobileheader-logo {display:block; overflow:hidden; position:relative; height:65px; width:285px; margin-top:8px; margin-left:5px; background:url('images/logo-artofnetworking-desktop.png') center center no-repeat; image-rendering: -webkit-optimize-contrast; background-size:auto;}
	
.mainwelcome-container {display: block; position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; z-index: 3; max-width:700px; margin:0 auto;}
.mainwelcome-box {box-sizing:border-box; padding:15px; text-align:center; font-style:normal; color:#fff; line-height:1.3em;}

.thewelcome-container {display: block; position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; z-index: 3; max-width:700px; margin:0 auto;}
.thewelcome-box {box-sizing:border-box; padding:15px; text-align:center; font-style:normal; color:#fff; line-height:1.3em;}

	

.thearticle-photo {width:100%; background:#fff; line-height:0px; box-sizing:border-box; padding:5px 5px 0px 5px; border-top:1px solid #ddd; border-right:1px solid #d7d7d7; border-left:1px solid #ddd;}
.thearticle-post {padding:65px 35px 65px 35px; text-align:center; border-right:1px solid #d7d7d7; border-bottom:1px solid #ddd; border-left:1px solid #ddd; margin-bottom:30px;}
.thearticle-withoutphoto {padding:65px 35px 65px 35px; text-align:center; border:1px solid #ddd; margin-bottom:30px;}

	
#navigation-blog-wrapper a {font-family:"Poppins", sans-serif; background:#fff; color:#5d6365; font-size:1em; text-align:center; margin:5px 5px 5px 5px; padding:5px 8px 5px 8px; -webkit-transition: background ease-out 0.35s; -moz-transition: background ease-out 0.35s; -ms-transition: background ease-out 0.35s; -o-transition: background ease-out 0.35s; transition: background ease-out 0.35s; display:inline-block; font-style:normal; border:1px solid #5d6365; min-width:120px;}
		
}

/* Landscape Phones -------------------------------------------------------------------------------------------------------- */

@media screen and (min-width : 600px) {
	
.button-left {width:68%; display:block; overflow:hidden; position:relative; float:left;}
.button-right {width:32%; display:block; overflow:hidden; position:relative; float:left;}
	
}

/* First Transitional Break -------------------------------------------------------------------------------------------------------- */

@media screen and (min-width : 700px) {
	
body {background:#fff; color: #252525; padding: 0px 0 0px 0; font-size:17px; -webkit-text-size-adjust: none;}
	
.scienceblog-post {display:block; overflow:hidden; position:relative; width:33.3%; float:left; margin-bottom:10px;}
.scienceblog-border {box-sizing:border-box; border:1px solid #d7d7d7; padding:10px; margin:5px 5px 15px 5px; min-height:500px;}
.scienceblogbackground {width:100%; position:static; top:0; left:0; bottom:0; height:215px; min-height:215px; background:#222; color:#fff; z-index:9;}
	
.scienceblogwithoutphoto {width:100%; position:static; top:0; left:0; bottom:0; height:215px; min-height:215px; background:url('images/backgrounds/fronthouse-background.jpg') center center no-repeat #222; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; color:#fff; z-index:9; -webkit-transition: all ease-out 0.35s; -moz-transition: all ease-out 0.35s; -ms-transition: all ease-out 0.35s; -o-transition: all ease-out 0.35s; transition: all ease-out 0.35s;}

.scienceblog-minidate {font-family:"Poppins", sans-serif; font-weight:700; font-size: 12px; color:#757575; text-transform:uppercase; letter-spacing:0.045em; padding-left:5px; margin:bottom:0px;}
	
.scienceblog-title {background:rgba(255,255,255,0); padding:10px 0px 15px 5px; box-sizing:border-box; text-align:left; font-weight:700; font-size:18px; min-height: 35px;}
	
.scienceblog-text {font-size:14px; text-align:left; padding-bottom:5px; padding-left:5px;}
	
.scienceblog-cat {display:block; overflow:hidden; position:relative; min-height:20px; font-family:"Merriweather", serif; font-style:italic; font-weight:300; color:#222; text-align:center; font-size:14px; padding:25px 0px 0px 0px;}
	
.comingsoonmessage {font-family: "Libre Baskerville", serif; font-weight: 400; line-height: 42px; color:#fff; font-style:italic; font-size:38px; padding-top:25px; padding-bottom:25px;}
	
.comingsoon-logo {height:115px; width:285px; display:block; overflow:hidden; position:relative; background:url('images/backgrounds/logo.png') center center no-repeat; background-size:contain; margin:0 auto; image-rendering: -webkit-optimize-contrast;}
	
.mainphoto-container {display: block; position: relative; z-index: 3; margin:0 auto; padding-top:125px; padding-bottom:80px;}

.brandingphoto-container {display: block; position: relative; z-index: 3; margin:0 auto; padding-top:125px; padding-bottom:80px;}

#pageheaderphoto-wrapper {min-height:125px; padding-bottom:25px; margin:0px 0px 0px 0px; position:relative;}

#pageheaderphoto-wrapper:before {position: absolute; top: 0; left: 0; background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 25%,rgba(0,0,0,0.15) 45%,rgba(0,0,0,0.35) 100%); width: 100%; height: 100%; content: ""; z-index: 3;}

#pageheaderdefault-wrapper {background:url('images/backgrounds/architecture-blue.jpg') top center no-repeat #ddd; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; min-height:185px; padding-bottom:25px; margin:0px 0px 0px 0px; position:relative;}

#pageheaderdefault-wrapper:before {position: absolute; top: 0; left: 0; background: linear-gradient(to bottom, rgba(37, 84, 115, 0.9) 0%,rgb(37, 84, 115, 0.5) 25%,rgb(37, 84, 115, 0.5) 45%,rgb(37, 84, 115, 0.75) 100%); width: 100%; height: 100%; content: ""; z-index: 3;}

.headerphoto-container {display: block; position: relative; z-index: 3; margin:0 auto; padding-top:120px;}

	
#headermenu-wrapper {display:block; min-height:65px; position:relative; top:0px; right:0; left:0; background:#2d333c; z-index:77;}
	
#nav-wrapper {margin:0 auto; padding-bottom:0px; background:#fff;}
.nav-content {position:relative; max-width:1100px; margin:0 auto;}
.nav-content ul {position:relative;}

/* Traditional Main Menu Appears */
.nav {max-width:1100px; display:block; margin:0 auto;}
.nav ul {max-width:1100px; margin:0 auto; text-transform:none; z-index:999; display:block;}

.nav li a, .nav li a:visited {display:block; text-decoration:none; color:#fff; font-weight:400; font-size:14px; letter-spacing:0.015em; padding: 0px 14px 0px 14px; line-height: 70px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; text-indent:0px; text-transform:uppercase; border-left:0px solid #ddd;}
.nav li a:hover, .nav li a:visited:hover {color: #555; text-decoration: none; }

.nav li:last-child {position:relative; border-right:0px solid #ddd;}
.nav li:last-child a {position:relative;}
	
/* sub-menus change margin top if border present*/
.nav li ul li a, .nav li ul li a:visited {min-width: 235px; text-align: left; display: block; text-decoration: none; color:#000; padding: 0px 9px 0 9px; margin: 0px; line-height: 45px; background: #f7f7f7; position:relative; text-transform:none; border-left:0px solid #ddd; font-style:normal; font-size:16px; font-family:"Poppins", sans-serif; font-weight:400; border-bottom:1px solid #eee;}
.nav li ul li a:hover, .nav li ul li a:visited:hover {text-decoration: none; color:#2d333c; background:#fff;}

.nav li ul {position: absolute; visibility: hidden; list-style: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-bottom:0px solid #ddd; margin-top:0px;}
.nav li:hover ul, .nav li.hover ul {visibility: visible;}
.nav li:hover ul ul, .nav li.hover ul ul {visibility: visible;}
.nav li li:hover ul, .nav li li.hover ul {visibility: visible;}
.nav li li:hover ul ul, .nav li li.hover ul ul {visibility: visible;}
.nav li li li:hover ul, .nav li li li.hover ul {visibility: visible;}

.nav li {float: left; width:auto;}
.nav li ul li {float: none;}
	
.nav li ul li:last-child, .nav li ul li a:last-child {position:relative; border-right:0px solid #ddd;}

/* Level 3 */
.nav li ul li ul {position: relative; display:block; overflow:hidden; border-top:1px solid #ddd; border-bottom:0px solid #ddd;}
.nav li ul li ul li a, .nav li ul li ul li a:visited {min-width: 200px; text-align: left; display: block; text-decoration: none; font-weight:300; color: #333; padding: 0px 9px 0 20px; margin: 0px; line-height: 40px; position:relative; background:#EFEFEF;}
.nav li ul li ul li a:hover {text-decoration:none; color:#111;}

.footerhalf-one {width:48%; float:left; padding-bottom:0px;}
.footerhalf-two {width:48%; float:right;}
	
}

/* Second Big Transition -------------------------------------------------------------------------------------------------------- */

@media screen and (min-width : 775px) {
	
#theheaderwrapper {display:block; position:relative; min-height:82px; top:0px; left:0; right:0; background:#fff; border-bottom:1px solid #e1e2e3; z-index:999;}
	
.thebackground-content {display:block; overflow:hidden; position:relative; min-height:550px;}
	
.wp-block-cover, .wp-block-cover-image {min-height:430px;}
	
h1, .h1 {font-size: 36px; line-height: 1.4em; text-transform:capitalize; color:#000; margin-bottom: 0.5em; letter-spacing:0.045em; text-align:center; }
h2, .h2 {font-size: 30px; line-height: 1.4em; color:#000; margin-bottom:0px; letter-spacing:0.038em; text-transform:capitalize;}

body.admin-bar #navmenubutton {margin-top:32px;}
body.admin-bar #navmenubutton.fixednav {margin-top:32px;}
body.admin-bar #mobileandscrollnav.fixednav {margin-top:32px;}
body.admin-bar #mobileandscrollnav {margin-top:32px;}
body.admin-bar .thefulloverlay {margin-top:32px;}
body.admin-bar #mainheadercontainer {margin-top:32px;}
body.admin-bar #networkingheaderwrapper {margin-top:32px;}
	
.content-wrapper {width:100%; max-width:1100px; margin:0 auto; display:block; position:relative; clear:both;}
.content {width:100%; max-width:850px; margin:0 auto; box-sizing:border-box;}
.leftcontent {width:65%; padding-right:35px; padding-bottom:0px; box-sizing:border-box; float:left;}
.sidebar {width:35%; float:right}
	
.sidebarcontainer .alignwide {margin:0px 0px 0px -35px;}
		
.half-one {width:48%; float:left;}
.half-two {width:48%; float:right;}
	
.featurehalf-one {width:48%; float:left;}
.featurehalf-two {width:48%; float:right;}

.full-one {width:50%; float:left;}
.full-two {width:50%; float:right;}

.third-one {width:32.3%; float:left;}
.third-two {width:32.3%; float:left; padding-right:1.5%; padding-left:1.5%;}
.third-three {width:32.3%; float:right;}

.quarter-one {width:50%; float:left;}
.quarter-two {width:50%; float:right;}
.quarter-three {width:50%; float:left;}
.quarter-four {width:50%; float:right;}

.cushion {padding:10px;}
	
.signup-email-left {width:60%; float:left;}
.signup-email-right {width:40%; float:right;}
	
.thearticle-container {display:block; overflow:hidden; position:relative; max-width:700px; text-align:center; margin:0 auto; clear:both;}
	
.footer-full {text-align:center; font-size: 0.8em; max-width:1100px; margin:0 auto; padding:15px 25px 15px 25px; box-sizing:border-box;}
.footer-left {text-align:left; font-size: 0.8em; line-height:1em; width:50%; float:left; box-sizing:border-box;}
.footer-right {text-align:right; width:50%; float:right; line-height:1em; padding-top:0px;}

.footer-one {width:50%; float:left; display:block; overflow:hidden; position:relative; padding-top:0px;}
.footer-two {width:48%; padding-left:2%; float:right; display:block; overflow:hidden; position:relative; padding-top:0px;}
.footer-three {width:100%; display:block; overflow:hidden; position:relative; padding-top:15px;}
	
.footer-contact {font-weight:bold; text-align:right;}

.footer-details {width:60%; padding-right:2%; float:left;}
.footer-sidebar {width:38%; float:right; text-align:right;}

}

/* Third Main Transition and Desktop Menu ------------------------------------------------------------------------------------------------------------------- */

@media screen and (min-width : 1130px) {
	
.headerphoto-container {display: block; position: relative; z-index: 3; margin:0 auto; padding-top:75px;}
.riveroaksnetworking-logo {height:135px; width:385px; display:block; overflow:hidden; position:relative; background:url('images/backgrounds/logo.png') center center no-repeat; background-size:contain; margin:0 auto; image-rendering: -webkit-optimize-contrast;}
	
#networkingheaderwrapper {display:block; position:absolute; min-height:83px; top:0px; left:0; right:0; background:rgba(255,255,255,0); border-bottom:0px solid #e1e2e3; z-index:999;}
.networkingheadernav {box-sizing:border-box; display:block; position:relative; overflow:hidden;}
.networkingheader-logo {height:65px; width:285px; display:block; overflow:hidden; position:relative; background:url('images/logo-artofnetworking-desktop.png') center center no-repeat; background-size:contain; margin-top:8px; margin-left:15px; margin-bottom:8px; float:left; image-rendering: -webkit-optimize-contrast;}
.networkingheader-menu {float:left; width:auto; clear:none; box-sizing:border-box; padding-right:60px;}

.networkingheadermenu {display:inline-block; margin:0 auto;}
	
.theheadernav {box-sizing:border-box; display:block; position:relative; overflow:hidden;}
.header-logo {height:65px; width:255px; display:block; overflow:hidden; position:relative; background:url('images/logo.png') center center no-repeat; background-size:contain; margin-top:8px; margin-left:15px; margin-bottom:8px; float:left; image-rendering: -webkit-optimize-contrast;}
.header-menu {float:left; width:auto; clear:none; box-sizing:border-box; padding-right:60px;}

.theheadermenu {display:inline-block; margin:0 auto;}
	
/* add max-width and change width to auto if the menu is to be centered to the logo and social icons instead of the page - add width to match logo if center and remove padding */	
.desktop-socialcontent {display:block; float:right; padding-left:15px; box-sizing:border-box; text-align:right; position:relative; line-height:79px;}
.desktop-socialcontent a:link, .desktop-socialcontent a:visited, .desktop-socialcontent a:active {color:#eee;}
.desktop-socialcontent i {color:#fff; background:#202020; line-height:21px; width:21px; text-align:center; border-radius:25px; padding:2px; margin-right:2px; margin-left:2px; font-size:15px;}
.desktop-socialcontent i:hover {background:#ddd;}
	
/* edit the ul to center or right or left justification for menu items */
.theheadernav {box-sizing:border-box; display:block; position:relative; overflow:hidden;}
.theheadernav ul {display:block; margin: 0 auto;  text-align: right;}
.theheadernav ul:after {content: ''; display: inline-block; width:100%; box-sizing:border-box;}

.theheadernav li {display:inline-block; padding:0px 9px 0px 9px;}

.theheadernav li a, .theheadernav li a:visited {display:block; text-decoration:none; color:#000; font-weight:800; font-family:"Poppins", sans-serif; font-size:16px; letter-spacing:0.01em; text-transform:uppercase; line-height: 82px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
.theheadernav li a:hover, .theheadernav li a:visited:hover {color: #959494; text-decoration: none; }
	
/* desktop version */
.networkingheadernav {box-sizing:border-box; display:block; position:relative; overflow:hidden;}
.networkingheadernav ul {display:block; margin: 0 auto;  text-align: right;}
.networkingheadernav ul:after {content: ''; display: inline-block; width:100%; box-sizing:border-box;}

.networkingheadernav li {display:inline-block; padding:0px 9px 0px 9px;}

.networkingheadernav li a, .networkingheadernav li a:visited {display:block; text-decoration:none; color:#fff; font-weight:500; font-family:"Poppins", sans-serif; font-size:18px; letter-spacing:0.01em; text-transform:uppercase; line-height: 83px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
.networkingheadernav li a:hover, .networkingheadernav li a:visited:hover {color: #eee; text-decoration: none; }
	

.fullvideo-container {display: block; position: relative; z-index: 3; margin:0px; padding-top:447px; padding-bottom:25px;}
	
#mainheadercontainer {display:block; position:absolute; top:0; right:0; left:0; z-index:999; background:linear-gradient( to bottom, rgba(0, 0, 0, 0.48) 0%, rgba(0,0,0,0.12) 25%, rgba(0,0,0,0) 45%, rgba(0, 0, 0, 0) 100% ); background: -webkit-linear-gradient(top, rgba(0,0,0,0.48) 0%,rgba(0,0,0,0.12) 25%,rgba(0,0,0,0) 45%,rgba(0,0,0,0) 100%);}
	
#mobileandscrollnav {display:none;}
#mobileandscrollnav.fixednav {display:none; position:fixed; min-height:82px; top:0; left:0; right:0; background:#255473; border-bottom:1px solid #255473; z-index:999; animation: slideInDown .75s 1; -webkit-animation: slideInDown .75s 1; -moz-animation: slideInDown .75s 1;}
	
	
a#navmenubutton.active {display:block; position:fixed; right:0; background:#2d333c; border-left:0px solid #ddd; z-index:9999;}
a#navmenubutton.fixednav {display:none; position:fixed; top:0; right:0; z-index:9999; animation: slideInDown .75s 1; -webkit-animation: slideInDown .75s 1; -moz-animation: slideInDown .75s 1;}
	
#navmenubutton{display: none; padding: 32px 25px 32px 25px; cursor: pointer; border-left:1px solid #babcbe; background:#fff; margin-left:15px; position:absolute; top:0px; right:0; z-index:9999;}
	
#navmenubutton span, #navmenubutton span::before, #navmenubutton span::after{background: #000;}
	
#navmenubutton{display: none; padding: 32px 25px 32px 25px; cursor: pointer; border-left:1px solid #babcbe; background:#fff; margin-left:15px; position:absolute; top:0px; right:0; z-index:9999;}
	

#menuwrap {min-height:90px; width:100%;}
	
/* Header Minimal Main Menu Apears Move if needed for Menu Length */
.mainnav {float:right; display:block; position:relative; margin:0px 15px 0px 15px; padding:0px 70px 0px 0px;}

.mainwelcome-container {display: block; position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; z-index: 3; max-width:980px; margin:0 auto;}
.mainwelcome-box {box-sizing:border-box; padding:15px; text-align:center; font-style:normal; color:#fff; font-size:24px; line-height:1.3em;}
	
		
.brandingwelcome-container {display: block; position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; z-index: 3; width:50%; display:flex; justify-content: center; flex-direction:column; box-sizing:border-box;}

.thefulloverlay {display:none; position:fixed; top:0; right:0; height:100%; width:500px; background:rgba(37,84,115,0.98); overflow:auto; z-index:8888; animation: slideInRight .75s 1; -webkit-animation: slideInRight .75s 1; -moz-animation: slideInRight .75s 1; }
	
.fullnavoverlay {display:none; position:fixed; top:0; right:0; height:100%; width:40%; background:rgba(25,25,25,0.98); overflow:auto; z-index:99; animation: slideInRight .75s 1; -webkit-animation: slideInRight .75s 1; -moz-animation: slideInRight .75s 1; }
	
.quarter-one {width:25%; float:left;}
.quarter-two {width:25%; float:left;}
.quarter-three {width:25%; float:left;}
.quarter-four {width:25%; float:right;}

.quarter-content-one {padding:25px; min-height:150px; border-right:2px solid #ddd;}
.quarter-content-two {padding:25px; min-height:150px; border-right:2px solid #ddd;}
.quarter-content-three {padding:25px; min-height:150px; border-right:2px solid #ddd;}
.quarter-content-four {padding:25px; min-height:150px;}
	
#boxedhome-wrapper .metaslider .slides img {width:auto !important; min-height:60vh; min-width:50vw;}
	
.boxedleft-container {display: block; position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; z-index: 3; width:50%; display:flex; justify-content: center; flex-direction:column; box-sizing:border-box; width:50%; float:left; height:50vh; min-height:500px;}
.boxedleft-center {padding: box-sizing: border-box; background:rgba(255,255,255,0.98);  -webkit-transition: background ease-out 0.35s; -moz-transition: background ease-out 0.35s; -ms-transition: background ease-out 0.35s; -o-transition: background ease-out 0.35s; transition: background ease-out 0.35s; }
.boxedleft-box {box-sizing:border-box; padding:45px 15px 45px 15px; text-align:left; max-width:500px; margin:0 auto; font-style:normal; line-height: 1.4em; color:#000;}
	
.boxedright-container{width:50%; float:right; height:50vh; min-height:500px; display:block; position:relative; overflow:hidden;}
		
#sliderwelcome-wrapper .metaslider .slides img {width:auto !important; min-height:500px; min-width:100vw;}
.sliderwelcome-container {display: block; position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; z-index: 3; width:50%; display:flex; justify-content: center; flex-direction:column; box-sizing:border-box; }
	
.sliderwelcome-center {padding: box-sizing: border-box; background:rgba(255,255,255,0.98);  -webkit-transition: background ease-out 0.35s; -moz-transition: background ease-out 0.35s; -ms-transition: background ease-out 0.35s; -o-transition: background ease-out 0.35s; transition: background ease-out 0.35s; }
	
.sliderwelcome-center:hover {background:rgba(255,255,255,0.28);}
.sliderwelcome-box {padding:45px 15px 45px 15px; text-align:left; min-width:535px; font-style:normal; line-height: 1.4em; color:#000; float:right;}
	
}

/* Slider Adjustment Larger Screen and Content Control Size ------------------------------------------------------------------------------ */

@media screen and (min-width : 1170px) {
	
body.page-template-full-page .fullcontainer {background:#fff; max-width:940px; margin:0 auto; padding:0px 0px 0px 0px; display:block; position:relative; z-index:1;}
body.page-template-coming-soon .fullcontainer {background:#fff; max-width:940px; margin:0 auto; padding:0px 0px 0px 0px; display:block; position:relative; z-index:1;}
	
/* Fixed Icon Spacing Adjustment */
.mainnav {float:right; display:block; position:relative; margin:0px 15px 0px 15px; padding:0px 0px 0px 0px; border-right:0px solid #ddd;}

.containerwrapper {margin:0 auto; overflow-x: hidden;}
.fullcontainer {background:#fff; max-width:940px; margin:0 auto; padding:35px 0px 35px 0px; display:block; position:relative; z-index:1;}
.thecontainer {background:#fff; max-width:900px; margin:0 auto; padding:35px 0px 35px 0px; display:block; position:relative; z-index:1;}
.postcontainer {background:#fff; max-width:900px; margin:0 auto; padding:35px 0px 35px 0px; display:block; position:relative; z-index:1;}

.fullcontainer .alignwide {margin:0px 0px 0px 0px;}
.thecontainer .alignwide {margin:0px 0px 0px 0px;}
.postcontainer .alignwide {margin:0px 0px 0px 0px;}

.previousfullcontainer .wp-block-cover, .wp-block-cover-image {width:auto;}
	
.sidebarcontainer {background:#fff; max-width:1100px; margin:0 auto; padding:35px 0px 35px 0px; display:block; overflow:hidden; position:relative; z-index:1;}

.sidebarcontainer .alignwide {margin:0px 0px 0px 0px;}
.sidebarcontainer .wp-block-cover, .wp-block-cover-image {width:auto;}

}

/* Extra Large Desktop Screens ------------------------------------------------------------------------------------------------------------------- */

@media screen and (min-width : 1600px) {
	
#boxedhome-wrapper .metaslider .slides img {width:auto !important; min-height:60vh; min-width:50vw;}

#sliderwelcome-wrapper .metaslider .slides img {width:auto !important; min-height:500px; min-width:100vw;}


	
}