.menu, .menu ul, .menu li, .menu a {
display: block;
list-style: none;
padding: 0;
margin: 0;
}
.header-menu a {
color: #2b388f;
line-height: 30px;
float: left;
padding: 0 16px;
font-size: 14px;
}
.header-menu li:hover > a {
text-decoration: none;
}
.header-menu li {
position: relative;
float: left;
z-index: 20;
}
.header-menu li.current_page_item > a {
font-weight: bold;
}
.header-menu ul li ul {
display: none;
position: absolute;
top: 100%;
left: 0;
background-color: #67B2E8;
}
.header-menu ul li:hover ul {
display: block;
}
.header-menu ul li ul a {
width: 200px;
border-top: 1px solid #5DA0D0;
}body {
margin: 0;
padding: 0;
font-family: 'Muli', sans-serif;
font-size: 14px;
}
a {
color: #333;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
h2, h3 {
text-transform: uppercase;
color: #2b388f;
}
p {
line-height: 180%;
}
.elementor-button-wrapper a {
border-radius: 0 !important;
background-color: #2b388f;
}
a.button {
background-color: #2b388f;
color: #fff;
padding: 0 10px;
display: inline-block;
margin: 0 0 0 10px;
}
a.button .icon {
margin-bottom: -2px;
margin-right: 5px;
}
a.button.button-alt {
background-color: #00a69c;
}
.social_menu_icon {
background-color: #2b388f;
margin: 0 10px 0 0;
}
.social_menu li:last-child .social_menu_icon {
margin: 0;
}
.wrapper {
max-width: 1200px;
padding: 0 20px;
margin: 0 auto;
}
.header {
overflow: hidden;
}
.header .phone a {
color: inherit;
}
.header .wrapper {
display: flex;
align-items: center;
justify-content: space-between;
}
.header .logo {
margin: 30px 30px 30px 0;
}
.header-menu {
font-family: 'Muli', sans-serif;
margin: 30px 0 30px 0;
display: flex;
justify-content: center;
}
.header-menu .menu:after {
content: '';
display: block;
clear: both;
}
.main-section {
width: 60%;
float: left;
}
.sidebar-section {
float: left;
width: 40%;
padding: 30px 0 30px 30px;
box-sizing: border-box;
}
.page-title {
position: relative;
background-image: url(//alpha-strata.com.au/wp-content/uploads/2018/01/main-home-page-banner-bg-only.jpg);
background-position: center center;
background-size: cover;
}
.page-title:before {
content: '';
display: block;
background-color: rgba(255, 255, 255, 0.5);
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 1;
}
.page-title h1 {
margin: 0;
padding: 25px 0;
line-height: 50px;
font-size: 35px;
text-align: center;
color: #2b388f;
position: relative;
z-index: 10;
}
.page:after {
content: '';
display: block;
clear: both;
}
.wp-post-image {
width: 100%;
height: auto;
display: block;
}
.post-meta {
border-top: 1px solid #ccc;
margin: 0 0 20px 0;
padding: 5px 0;
overflow: hidden;
font-size: 90%;
}
.post-meta .published {
float: left;
}
.post-meta .categories {
float: right;
text-transform: uppercase;
}
.posts {
overflow: hidden;
margin: 25px -15px;
}
.post {
width: 50%;
float: left;
box-sizing: border-box;
padding: 15px;
}
.post-inner {
box-shadow: 0 0 5px #aaa;
}
.post .content {
padding: 10px;
}
.post .post-meta {
margin: 0;
padding: 10px 0 0 0;
}
.post h2 {
margin: 0 0 10px 0;
font-size: 18px;
line-height: 20px;
height: 40px;
overflow: hidden;
}
.post .excerpt {
line-height: 18px;
height: 72px;
overflow: hidden;
margin: 0 0 10px 0;
}
.post .excerpt p {
margin: 0;
}
.footer {
background-color: #00a69c;
color: #fff;
overflow: hidden;
padding: 25px 0;
}
.footer hr {
border: none;
border-top: 1px solid #fff;
margin: 20px auto;
max-width: 1200px;
}
.footer a {
color: inherit;
}
.footer .wrapper {
display: flex;
justify-content: space-between;
align-items: flex-start;
}
.footer .wrapper > * {
width: 25%;
}
.footer .contact {
text-align: right;
}
.footer .right, .footer .logo {
text-align: right;
}
@media(max-width: 1200px){
.header {
background: none;
}
.header .wrapper {
display: block;
text-align: center;
}
.header .logo {
margin: 20px auto 0 auto;
}
}
@media(max-width: 800px){
.footer .wrapper {
display: block;
}
.social-media {
text-align: center;
margin-bottom: 20px;
}
.contact {
text-align: center;
}
.footer .wrapper > * {
width: 100%;
margin: 0 0 15px 0;
text-align: center;
}
}.searchform {
display: block;
margin: 0 0 30px 0;
overflow: hidden;
}
.searchform .screen-reader-text {
display: none;
}
.searchform input {
box-sizing: border-box;
padding: 10px;
border: 1px solid #ccc;
background-color: #fff;
display: block;
margin: 0;
float: left;
}
.searchform input[type="text"] {
width: 80%;
border-right: none;
border-radius: 3px 0 0 3px;
}
.searchform input[type="submit"] {
width: 20%;
background-color: #eee;
border-radius: 0 3px 3px 0;
}