/*
	Theme Name: Glasswall Theme
	Theme URI: http://pragmatic-web.co.uk
	Author: Pragmatic Web
	Author URI: http://pragmatic-web.co.uk
	Description: This is the Glasswall WordPress theme
	Version: - 0.1
	License: GNU General Public License v2 or later
	License URI: LICENSE
	Text Domain: brunel
	Tags:

Looking for CSS??

uncompiled SCSS lives in ./assets/src/styles
compiled CSS lives in ./assets/dist/styles

Read comments in ./gulpfile.js for more information

*/


/*
**********************************************************************************************
 General Styles
**********************************************************************************************
*/

body {
    overflow-y:auto;
    -webkit-overflow-scrolling: touch;
}

.post-content a,
.color-links a {
    color: #147178 !important;
}

.post-content a:hover,
.color-links a:hover {
    color: #12a0a9 !important;
}

.wp-block-button a {
    color: #fff !important;
}

.wp-block-button a:hover {
    color: #fff !important;
}

ul.styled-list,
ol.styled-list {
    list-style: disc; 
    margin-bottom: 20px; 
    padding-left: 20px;
}

ol.styled-list {
    list-style: decimal;
}

ul.styled-list li,
ul.styled-list li ul li {
    line-height: 1.5;
}

ul.styled-list ul,
ol.styled-list ul {
    list-style: circle;
    margin-left: 30px;
    padding-left: 20px;
}

ol.styled-list ul {
    list-style: lower-alpha;
}

.clear {
    clear: both;
}

.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

.mt-20 {
    margin-top: 20px;
}

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

/*  Pagination  */

.navigation li {
    display: inline-block;
}

.navigation li a {
    font-size: 14px;
    color: #0c3451;
    display: inline-block;
    margin-right: 0.5rem;
    border: 1px solid #edece8;
    padding: 3px 12px;
    margin-bottom: 1em;
    transition: 0.3s;
}

.navigation li.active a,
.navigation li a:hover {
    background-color: #0c3451;
    color: #fafafa;
}

.navigation li:hover a {
    color: #fafafa;
}


/*
 Homepage
**********************************************************************************************
*/

.section--video {
	padding-top: 0;
	padding-bottom: 4rem;
}

.section--video .full-width {
	padding-top: 0;
	padding-bottom: 0;
}

.section--video .video-wrapper {
	margin: 0 auto;
	padding-top: 40px;
	padding-bottom: 40px;
	width: 60%;
}

.section--video .embed-wrapper {
	    position: relative;
	    padding-bottom: 53%; 
	    padding-top: 25px;
	    margin: 12px auto 0 auto;
	    height: auto;
	    max-width: 100%;
	    overflow: hidden;
}

.section--video .embed-wrapper iframe {
    border: none;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
} 


/*
 In the News
**********************************************************************************************
*/

.news-row {
    padding-left: 8%;
    padding-right: 8%;
}
h4.in-news-link a {
    color: #31536b;
    font-weight: 600;
}

h4.in-news-link a:hover {
    color: #3e6a8a;
}

.in-the-news-wrapper {
    background-color: #f4f4f4;
    padding: 15px;
}
.news-thumbnail {
    float: left;
    width: 25%;
}

.news-title {
    background: transparent;
    float: left;
    padding: 10px 0 0 20px;
    width: 60%;
}

/*
 Social Share Buttons
**********************************************************************************************
*/

#st-1 .st-btn[data-network='facebook'] {
    background-color: #4267B2 !important;
}

#st-1 .st-btn[data-network='twitter'] {
    background-color: #55acee !important;
}

#st-1 .st-btn[data-network='linkedin'] {
    background-color: #0077b5 !important;
}

#st-1 .st-btn[data-network='pinterest'] {
    background-color: #CB2027 !important;
}

/*
 Blog
**********************************************************************************************
*/

.post-wrapper {
    background-color: #fff;
    border-bottom: 5px solid #1a919a;
    -webkit-box-shadow: 2px 5px 10px 2px #dadada;
    box-shadow: 2px 5px 10px 2px #dadada;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    padding: 20px 20px 30px 20px;
}

.blog-row {
    width: 75%;
    clear: both;
}

.blog-row article {
    margin-bottom: 70px;
}

.blog-row h3 a {
    color: #0c3451;
}

.blog-row h3 a:hover {
    color: #1a919a;
}

.blog-row .post-date {
    color: #acacac;
    font-size: 14px;
}

.blog-row .post-excerpt {
    margin-top: 20px;
}

.post-grid-footer span a {
    color: #0c3451;
    display: inline-block;
    font-size: 14px;
    padding: .4rem 1rem;
    /*background-color: #0c3451;*/
    background-color: #e8e8e8;
    margin-left: 20px;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.post-grid-footer span a:hover {
    background-color: #1a919a;
    color: #fafafa;
}

/*
 CTA Modules
**********************************************************************************************
*/
.cta{
          
    margin:0 auto 1.5em auto;
    background:#ebeff4;
    border-radius:6px;
    color:#32373c;
    padding:3em 2.5em;
    text-align:center;
    position: relative;
    z-index: 100;
    overflow:hidden;
}
.cta-inner{
    position: relative;
    z-index: 200;
}
.cta-title{
    font-size:2em;
    font-weight:400;
}
.cta p{
    font-size:1.25em;
    line-height:1.4;
}
a.cta-button{
    color:#fff !important;
  
    background-color:#358fcd;
    
    font-size:1.25em;
    border-radius:5px;
    line-height:1 !important;
    border:none;
    padding:0.6em 1em;
    text-decoration:none;
    transition: 0.3s ease;
    display:inline-block;
}



.ctax.light-blue .cta-inner a {
    color: #f1ac45 !important;
}

.ctax.light-blue .cta-inner a:hover {
    border-bottom: 1px solid #fff;
}

.cta.light-blue{
    background:#12547a;   
    color:#fff;
}
.cta.light-blue a.cta-button{
    
    background-color:#f1ac45;
}

.cta.dark-blue{
    background:#0b3653;   
    color:#fff;
}
.cta.dark-blue a.cta-button{
    
    background-color:#f1ac45;
}

.cta.dark-purple{
    background:#705179;   
    color:#fff;
}
.cta.dark-purple a.cta-buttonx{
    
    background-color:#f1ac45;
}

.cta.teal{
    background:#1a919a;   
    color:#fff;
}
.cta.teal a.cta-button{
    
    background-color:#f1ac45;
}
a.cta-button.btn-glass{
    
    border:1px solid #fff !important;
    background:none !important;
}
a.cta-button.btn-teal{
    background-color:#1a919a !important;
}

.cta.bg-building:before{
    content:'';
    position:absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
    background-image: url('/wp-content/uploads/2019/02/cross-domain-cover.jpg');
    background-size: cover;
    opacity:0.1;
    z-index: 101;
}

.cta.bg-abstract:before{
    content:'';
    position:absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
    background-image: url('/wp-content/uploads/2019/08/cta-blue.jpg');
    background-size: cover;
    opacity:0.15;
    z-index: 101;
}

a.cta-button:hover{
    box-shadow:inset 0 0 200px rgba(255,255,255,0.15);   
	color:#fff !important;
}

/*
**********************************************************************************************
 Responsive Styles
**********************************************************************************************
*/

@media all and (max-width: 991px) {

    .blog-row {
        width: 100%;
    }

}

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

    .news-title {
        float: none;
        padding: 10px 10%;
        width: 100%;
    }

    .news-thumbnail {
        float: none;
        width: 100%;
        text-align: center;
    }
}