/*
 Theme Name:   GWT Wordpress 25.3.3 Child
 Description:  GWT Wordpress 25.3.3 Child Theme
 Author:       mmmak
 Template:     gwt-wordpress-master
 Version:      1.0.0
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  gwtchild
*/

body {
    font-family: LatoWeb;
    font-size: 1.02366rem; /*originally 1.3333rem*/
}
h1, h2, h3, h4, h5, h6 {
    font-family: LatoWebBold;
    text-transform: initial;
    margin-bottom: 20px;
    color: #565656;
}
h1 { font-size: 2.25rem; }
h2 { font-size: 1.97rem; }
h3 { font-size: 1.72rem; }
h4 { font-size: 1.50rem; }
h5 { font-size: 1.31rem; }
h6 { font-size: 1.15rem; }

.make-col-5 {
    width: 20%;
}

#textlogo-coat-of-arms {
    display: inline-block;
    width: 70px;
    height: auto;
    vertical-align: middle;
}
#textlogo-inner-wrapper {
    font-weight: 400;
    margin-left: 20px;
    line-height: 0.87rem;
}
#agency-heading, #agency-tagline {
    font-size: 0.87rem;
    font-family: LatoWeb;
}
#agency-name {
    font-size: 1.5rem;
    border-top: none;
    font-weight: 700;
    font-family: LatoWebBlack;
}
#textlogo-image {       /*override theme.css*/
    width: initial;
    margin: 10px 0 0;
    
}

.masthead_meta {
    line-height: 1rem;
}

/* nav */
#main-nav li:not(.has-form) a:not(.button) {
    font-family: LatoWeb;
	font-size: .7284562rem;
    text-transform: uppercase;
}

/* HEADER */
.remove-banner-pads {
    padding: 0;
}
.dimmer {
    background: rgba(0,0,0,0.4);
}
#header-single, #header-archive, #header-search {
    min-height: 630px;
    width: 80%;
    margin-right: auto;
    margin-left: auto;

    display: flex;
    align-items: center;
    justify-content: center;
}
#header-single .entry-title,
#header-archive .page-title,
#header-search .page-title {
    font-family: LatoWebBlack;
    font-size: 3rem;
    color: #ffffff;
    text-shadow: 2px 2px 5px rgba(0,0,0,0.5);
    letter-spacing: 0.4px;
}
.header-wrap {
    font-size: 1.1rem;
    color: #bfd0e0;
    text-align: center;
    text-shadow: 2px 2px 3px rgba(0,0,0,0.3);
}
.header-wrap .header-category a {
    display: inline-block;
    background-color: #e3890b;
    padding: 8px 32px;
    margin: 2px;
    text-align: center;
    border-radius: 10px;
    margin-bottom: 2rem;
    color: #ffffff;
    font-size: 1rem;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-shadow: initial;
    box-shadow:
        0 2.8px 2.2px rgba(0, 0, 0, 0.034),
        0 6.7px 5.3px rgba(0, 0, 0, 0.048),
        0 12.5px 10px rgba(0, 0, 0, 0.06),
        0 22.3px 17.9px rgba(0, 0, 0, 0.072),
        0 41.8px 33.4px rgba(0, 0, 0, 0.086),
        0 100px 80px rgba(0, 0, 0, 0.12)
    ;
}
.header-wrap .header-author a {
    color: #e3890b;
    
}
.entry-meta {
    color: #bfd0e0;
}
.entry-meta .posted-on, .entry-meta .byline {
    padding-bottom: 4px;
    /* border-bottom: 1px solid #bfd0e0; */
    text-transform: uppercase;
}
#header-search .page-title,
#header-archive .page-title span {
    color: #e3890b;
}
#header-search span,
#header-archive .page-title .vcard {
    color: #ffffff;
}
/* HEADER ensd*/

/* PANEL TOP starts */
#panel-top {
    padding: 1rem 0 3rem;
    border-bottom: 1px solid #bfd0e0;
}
#panel-top aside {
    padding: 0 3rem;
    text-align: center;
    font-family: 'LatoWebLight';
	font-size: 1.12366rem;
}
#panel-top aside strong {
    font-family: 'LatoWebBold';
}
#panel-top aside img {
    width: 75%;
    height: auto;
    margin-bottom: 40px;
}
#panel-top h3 {
    font-family: 'MerriweatherLight';
    font-size: 1.7666rem;
    color: #78140a;
}
#panel-top h3 strong {
    font-family: 'MerriweatherBlack';
}
.button-wide {
    border-radius: 40px;
    background: transparent;
    letter-spacing: .5px;
    text-transform: uppercase;
    font-size: .8333rem;
    font-family: 'Open Sans', sans-serif;
    -webkit-transition: background-color 0.3s, color 0.3s, width 0.3s, border-width 0.3s, border-color 0.3s;
    transition: background-color 0.3s, color 0.3s, width 0.3s, border-width 0.3s, border-color 0.3s;
    display: block;
    margin: 30px auto 0;
    padding: 0;
    width: 220px;
    height: 50px;
}
.button-blue {
    border: 2px solid #2367b8;
    color: #2367b8;
}
.button-blue:hover {
    background-color: #2367b8;
    color: #fff;
}
.button-blue:focus {
    outline: none;
}
/* PANEL TOP ends */

.widget-button {
    margin-top: 20px;
    display: inline-block;
}
.widget-itb div:empty::after {      /* originally widget-content:empty::after */
    content: "No on-going IB.";
}
.widget-rfq div:empty::after {      /* originally widget-content:empty::after */
    content: "No on-going RFQ.";
}

#sidebar-left .callout,
#sidebar-right .callout,
#sidebar-left-single .callout {
    padding: 20px;
    font-size: .86666rem;
}
#sidebar-left .callout:first-child,
#sidebar-right .callout:first-child,
#sidebar-left-single .callout:first-child {
    padding-top: 0;
}
#sidebar-left .callout,
#sidebar-left-single .callout {
    background-color: rgba(0,0,0,0);
    border: none;
    border-radius: initial;
    padding: 20px 10px;
}
#sidebar-left .callout .paradigm:hover {
    cursor: pointer;
}
#sidebar-left .callout .digit-paradigm {
    font-family: LatoWebBlack;
    font-size: 2rem;
    text-align: center;
    line-height: 1.333rem;
    color: #166536;
}
#sidebar-left .callout .text-paradigm {
    font-family: LatoWebMedium;
    text-align: center;
    padding: 10px;
    color: #a3630a;
}
.rss-widget-icon { display: none; }
#sidebar-left .callout ul li {
    list-style-type: none;
    padding: 10px 10px 10px;
    border-bottom: 1px dashed #bfd0e0;
}
#sidebar-left .callout ul li {
    background: url('../../../wp-content/uploads/2020/05/da_logo-no_ring.png') no-repeat left top 20%;
    background-size: 32px;
    position: relative;
    left: -10px;
    padding-left: 40px;
}
#sidebar-left .callout ul li .rss-date {
    display: block;
}

#sidebar-right .callout {
    background-color: rgba(0,0,0,0);
    border: none;
    border-radius: initial;
}
#sidebar-right .callout #pst-container,
#sidebar-left-single .callout #pst-container {
    font-family: LatoWeb;
    text-align: center;
    color: #999999;
	padding: 10px 25px;
}
#sidebar-right .ao39-required {
    
}
#sidebar-right .callout #pst-container #pst-time,
#sidebar-left-single .callout #pst-container #pst-time {
    font-family: LatoWebBold;
    font-size: 1rem;
    color: #565656;
    padding-top:6px;
}
.callout .widget-title {
    font-family: LatoWebThin;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 1rem;
    background-color: #e9f1ef;
    padding: 12px;
    margin-bottom: 10px;
    color: #545454;
}
#sidebar-right .callout .sidebar-services,
#sidebar-left-single .callout .sidebar-services {
    text-align: center;
    padding: 10px 0;
}
.sidebar-services-icon {
    width: 70px;
    height: auto;
    margin: 10px auto;
}
#sidebar-right .callout .widget-content {
    padding: 10px 0;
    border-bottom: 1px dashed #bfd0e0;
}

#sidebar-left-single .callout {
    font-size: 0.83333rem;
    padding-right: 80px;
}
#sidebar-left-single .callout #pst-container {
    padding: 10px 40px;
}

.sticky {
    position: initial;
}
.post-box .callout {
    background-color: rgba(0,0,0,0);
    border: none;
    border-bottom: 1px solid #bfd0e0;
    padding: 0 25px 45px;
    margin: 0 0 45px;
}
.post-box .header-category a {
    display: inline-block;
    background-color: #2ba6cb;
    padding: 6px 12px;
    margin-bottom: 10px;
    text-align: center;
    border-radius: 8px;
    color: #ffffff; 
    font-size: 0.6777rem;
    text-transform: uppercase;
}
.post-box header h2 {
    font-size: 1.3333rem;
}
.post-box-inner header h2 {     /* smaller title of post-box inside Units, Processes, Services */
    font-size: 1rem;
}
#content .wp-post-image {
    margin: initial;
}
.post-box .entry-content {
    font-size: 1rem;
}
.post-box-inner .entry-content {    /* smaller title of post-box inside Units, Processes, Services */
    font-size: 0.8377rem;
}
.moretag {
    border-bottom: 1px solid #bfd0e0;
    padding-bottom: 4px;
    font-size: .8777rem;
    text-transform: uppercase;
    letter-spacing: initial;
}

#main-content {
    padding: 3rem 0;
}

/* wp-blocks */
.wp-block-columns {
    margin-bottom: initial;
}
.wp-block-image {
    padding-bottom: 10px;
}
.wp-block-gallery {
    padding-bottom: 30px;
}
.wp-block-image figcaption,
.wp-block-gallery figcaption {
    font-size: .8667rem;
    color: #bfd0e0;
}
.wp-block-image img {
    background-color: #bfd0e0;
    box-shadow: 0 0 0 5px #bfd0e0;
    border-radius:2px;
}
.wp-block-image img:hover {
    animation: bounceOut .4s linear;
}
@keyframes bounceOut {
    0% {
      box-shadow: 0 0 0 4px #bfd0e0;
      opacity: 1;
    }
    25% {
      box-shadow: 0 0 0 1px #bfd0e0;
      opacity: 1;
    }
    50% {
      box-shadow: 0 0 0 7px #bfd0e0;
      opacity: 1;
    }
    75% {
      box-shadow: 0 0 0 4px #bfd0e0;
      opacity: 1;
    }
    100% {
      box-shadow: 0 0 0 5px #bfd0e0;
      opacity: 1;
    }
}

/* Directory STARTS*/
.directory-box {
    margin-top: 20px;
}
.directory-box-unit {
    border-top: 2px solid #78140a;
    position: relative;
}
.directory-box-unit-title {
    position: absolute;
    transform: translate(0, -50%);
    background-color: #ffffff;
    padding-right: 20px;
    letter-spacing: 1px;
    
}
.directory-box-unit-title h3 {
    text-transform: uppercase;
    color: #78140a;
    margin-top: initial !important;
}
#directory-info {
    margin: 40px 0;
}
#directory-info {
    padding: 1.4rem 0;
    display: flex;
    border-radius: 10px;
    transition: background-color 0.4s ease-in;
}
#directory-info:hover{
    background-color: #e9f1ef;
}
#directory-info-head {
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-weight: 600;
    padding: 0;
    padding-left: 1rem;
}
#directory-info-unit, #directory-info-contact, #directory-info-head span {
    color: #757575;
    font-size: smaller;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 20px;
}
#directory-info-head span {
    padding: 0;
}
/* Directory ENDS*/

/* entry-content */
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
    font-family: LatoWebThin;
    font-weight: 900;
}

.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
    margin-top: 60px;
}

.entry-content p,
.entry-content>ul,
.entry-content>ol {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased !important;
    -moz-font-smoothing: antialiased !important;
    text-rendering: optimizelegibility !important;
    letter-spacing: .03em;
    color: #565656;
    margin-bottom:30px;
}
.entry-content>.itb-full p {
    margin-left: 20px;
}
.entry-content p strong {
    font-family: LatoWebBold;
    color: #323232;
}
.contact-us-meta {
    padding: 20px;
    font-size: 1.356722rem;
}
.contact-us-meta span {
    display: block;
    font-size: 3rem;
}
.article-reference {
    font-size: .8777rem;
    color: #989898 !important;
}
.article-reference strong {
    color: #989898 !important;
}
.article-reference a {
    color: #989898;
    border-bottom: 1px solid #dddddd;
    padding-bottom: 2px;
}

.icon-spacing .hastip, .icon-spacing .hastip-disabled {
    padding: 0 3px;
    font-size: 1.346778em;
    line-height: 1rem;
}

/* ALT TEXT (tooltip) STARTS */
a.hastip, a.hastip-disabled {
    text-decoration: none;
}
a.hastip:hover, a.hastip-disabled:hover {
    position: relative;
}
a.hastip span, a.hastip-disabled span {
    display: none;
    position: absolute;
    margin: auto;
    left: 50%;
    top: auto;
    bottom: 100%;
    transform: translateX(-50%);
    margin-bottom: .84285714rem;
    pointer-events: none;
    text-transform: uppercase;
    text-align: left;
    white-space: nowrap;
    font-size: .8436771rem;
    border: 1px solid #d4d4d5;
    line-height: 1.4285em;
    background: #fff;
    padding: .833em 1em;
    font-weight: 400;
    font-style: normal;
    color: rgba(0,0,0,.87);
    border-radius: .28571429rem;
    -webkit-box-shadow: 0 2px 4px 0 rgba(34,36,38,.12), 0 2px 10px 0 rgba(34,36,38,.15);
    box-shadow: 0 2px 4px 0 rgba(34,36,38,.12), 0 2px 10px 0 rgba(34,36,38,.15);
    z-index: 1;
}
a.hastip:hover span, a.hastip-disabled:hover span {
    display: block;
}
a.hastip:hover span::before, a.hastip-disabled:hover span:before {
    pointer-events: none;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-bottom: -.3285714rem;
    margin-left: -.5rem;
    content: '';
    font-size: 1rem;
    width: .71428571em;
    height: .71428571em;
    background: #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    z-index: 2;
    -webkit-box-shadow: 1px 1px 0 0 #bababc;
    box-shadow: 1px 1px 0 0 #bababc;
    opacity: 1;
    -webkit-transition: all .1s ease;
    transition: all .1s ease;
}

a.hastip-disabled {
    cursor: default;
    color:#ced4da;
}
/* ALT TEXT (tooltip) ENDS */

/* Bottom panel STARTS */
#panel-bottom aside {
    padding: 40px 40px 0;
}
.myDropCap, .myDropCapSmall {
    font-family: 'MerriweatherLight';
    font-weight: 400;
}
.myDropCap {
    font-family: 'MerriweatherLight';
    font-size: 2.6777rem;
    font-weight: 600;
    text-shadow: -4px 4px rgba(0,0,0,0.1);
}
.myDropCapSmall {
    font-size: 1.6777rem;
}
#panel-bottom aside p {
    font-size: .9rem;
    text-shadow: -1px 1px rgba(255, 255, 255, 1);
}
.boost, .strengthen, .work, .maintain {
    text-align: center;
    
}
.boost, .boost p {
    color: #009748;
}
.strengthen, .strengthen p {
    color: #2367b8;
}
.work, .work p {
    color: #78140a;
}
.maintain, .maintain p {
    color: #f0c709;
}

/* Bottom panel ENDS */

/* FOOTER starts */
#footer {
    padding: 20px 0 40px;
    color: #a3630a;
    text-align: right;
    border-top: none;
}
#footer img {
    width: 75%;
    height: auto;
}
#footer h3 {
    font-family: LatoWeb;
    font-size: 1rem;
    color: #a3630a;
    text-transform: uppercase;
}
#footer .agency_footer_links {
    font-size: .8766rem;
    list-style-type: none;
}
/* FOOTER ends */

/* miscs */
.slrma-component-title {
    margin-top: auto;
    margin-bottom: auto;
}

/* LISTS starts */
.transparency-seal-list>li,
.transparency-seal-list>li>ul>li {
    padding-bottom:20px;
}
/* LISTS ends */

/* TABLES starts */
table tbody tr:nth-child(2n) {  /* override foundation.css rule to remove striped tables */
    background-color: inherit !important;
}
#bswm-maps thead th,
#itb-table thead th {
    text-transform: uppercase !important;
    font-family: LatoWeb;
    cursor: pointer;
}
@media only screen 
  and (min-width: 320px) 
  and (max-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 1) {
    .ui.table:not(.unstackable) thead th,
    .ui.table:not(.unstackable) tbody td {
        text-align: left !important;
    }
}
#map-detail tbody tr td:first-child,
#rfq-detail tbody tr td:first-child {
    color: #bbb;
}
/* TABLES ends */



/* misha loadmore STARTS */
.misha_loadmore{
	background-color: #ddd;
	border-radius: 2px;
	display: block;
	text-align: center;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: 800;
	letter-spacing:1px;
	cursor:pointer;
	text-transform: uppercase;
	padding: 10px 0;
	transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;  
}
.misha_loadmore:hover{
	background-color: #767676;
	color: #fff;
}
/* misha loadmore ENDS */