/*
Theme Name: Bridge
*/

/* =Notes
--------------------------------------------------------------
This stylesheet uses rem values with a pixel fallback. The rem
values (and line heights) are calculated using two variables:

$rembase:     14;
$line-height: 24;

---------- Examples

* Use a pixel value with a rem fallback for font-size, padding, margins, etc.
	padding: 5px 0;
	padding: 0.357142857rem 0; (5 / $rembase)

* Set a font-size and then set a line-height based on the font-size
	font-size: 16px
	font-size: 1.142857143rem; (16 / $rembase)
	line-height: 1.5; ($line-height / 16)

---------- Vertical spacing

Vertical spacing between most elements should use 24px or 48px
to maintain vertical rhythm:

.my-new-div {
	margin: 24px 0;
	margin: 1.714285714rem 0; ( 24 / $rembase )
}

---------- Further reading

http://snook.ca/archives/html_and_css/font-size-with-rem
http://blog.typekit.com/2011/11/09/type-study-sizing-the-legible-letter/


/* =Reset
-------------------------------------------------------------- */
.midd-container .screen-reader-text{display:none;}
.footer-contact-link  #searchsubmit{background-color:#364357;}
.head-right .head-search .searchsubmit{background-color: #bdc2c8;}
.head-search {height:33px;}
.related-post { float: left; width: 100%; }
.related-item { width: 100%; float: left; }
.related-post .item {width: 265px; }
.default-page-item .related-post .item { margin-right: 20px; }
.related-post .knowledge-head .knowledge-post-date { font-size: 12px; width: 83px; padding: 9px; }
.related-post .news-area ul li .news-title { font-size: 13px !important; }
.related-post h3 { color: #bdc2c8; border-top: 1px solid #dfe0e4; width: 100%; float: left; padding: 8px 0 20px 0; text-transform: uppercase; font-size: 16px; }
.default-page-item .related-post .item.third-item { margin-right: 0; }
.message-div p{ margin-bottom:20px;}
.postaccess a {text-transform:none; font-size:16px;color:#01122c; font-weight:normal;}
.postaccess a:hover {text-transform:none; font-size:16px;color:#4e5a6c; font-weight:normal;}
.postaccessmain a {text-transform:none; font-size:16px;color:#ae1a3a; font-weight:normal;}
.postaccessmain a:hover {text-transform:none; font-size:16px;color:#4e5a6c; font-weight:normal;}
.postaccessmain li{list-style:disc; margin-left:20px; margin-bottom:10px; color:#ae1a3a;}
.postaccess li{ list-style:disc; margin-left:20px; margin-bottom:10px;}
.postaccess {text-transform:none;}
.pinkpost h3 {color:#01122c; font-size:19px; text-transform:none; font-weight:bold; margin-bottom:20px;}
.accordion-title{text-transform: none !important; background-color:#4e5a6c; font-size:19px;}
#accordion-1 li a{font-size:16px; text-transform: none !important; font-weight:bold; margin:0; border:0; padding:0;}
.postaccesstable table {border-collapse: collapse; margin: 0 auto 2rem; width:50%; font-size: 12px; font-weight:normal; font-family: "Open Sans", Helvetica, Arial, sans-serif;}
.postaccesstable li {padding: 1rem; font-size: 12px; font-weight:normal; font-family: "Open Sans", Helvetica, Arial, sans-serif;}
.postaccesstable th, td { padding: 1rem; font-size: 12px; font-weight:normal; font-family: "Open Sans", Helvetica, Arial, sans-serif; }
.postaccesstable tr {background: rgba(58,183,124, 0.1); }
.postaccesstable tr, td { transition: .4s ease-in; } 
.postaccesstable tr:first-child {background-color: rgba(174,26,58,1); color:#fff; font-size: 15px; text-transform:uppercase; }
.postaccesstable tr:nth-child(even) {background-color: rgba(58,183,124, 0.5); font-size: 12px; font-weight:normal; font-family: "Open Sans", Helvetica, Arial, sans-serif; }
.postaccesstable tr:nth-child(odd) li {rgba(58,183,124, 0.1);}
.breadcrumbs{margin-bottom:40px; color:#4e5a6c;}
#accordion-1 .postaccesstable tr:nth-child(even) li {rgba(58,183,124, 0.5); display: inline;}
#accordion-1 .postaccesstable tr:nth-child(odd) li {rgba(58,183,124, 0.1); display: inline;}
#accordion-1 .postaccesstable ul {background:none;} 
#accordion-1 .postaccesstable th, td {padding:30px;}
body .hotspots-image-container > div {
margin-left: 0;}
.bubbol-text a {color:#fff;}

.sub-right-container { width: 40%;}
.sub-right-container .image { width: 70%;     margin-left: 60px; }


.core-functions-sec{padding: 90px 0 270px;}
.functions-block ul li:nth-of-type(5n) .icon{background-color: #5fc4b2;}
.functions-block ul li:nth-of-type(5n) h3 { color: #5fc4b2;}
.functions-block ul li.last{position: absolute; left: 0; right: 0; margin: 0 auto; bottom: -286px;}


@media all and (max-width:1400px) {
.related-post .item { width: 46%; margin-right:3%;}
}
@media all and (max-width:1333px) {
.related-post .item { width: 42%; margin-right:3%;}
}
@media all and (max-width:1023px) {
.related-post .item { width: 30%; }

.functions-block ul li.last{ bottom: -224px;}
.core-functions-sec{padding: 90px 0 210px;}
}
@media all and (max-width:767px) {

.sub-right-container { width: 100%;}

.core-functions-sec { padding: 30px 0 20px;}
.functions-block ul li.last{    position: static;}

}
@media all and (max-width:913px) {
.related-post .item { width: 42%; margin-right:3%;}
}
@media all and (max-width:640px) {
.related-post .item { width: 100%; margin-bottom:20px;}
}

.bx-wrapper{z-index: 0;}