/* ----------------------------------------- */ /* WordPress Archive slug: categories - start */ /* ----------------------------------------- */ #menu-item-1041 span { color: #4adafe!important; } * { box-sizing: border-box; } * { box-sizing: border-box; } /* ---- Destroy Gap between images ---- */ img { vertical-align: bottom; } /* ---- grid ---- */ .grid { width: 100% !important; } .grid-item br { display:none; } .grid-item p { margin:0px!important; } .grid-item .alignnone { display: block; margin: 0px 0!important; } /* clear fix */ .grid:after { content: ''; display: block; clear: both; } /* clearfix */ .grid:after { content: ''; display: block; clear: both; } /* ---- grid-item ---- */ .grid-sizer, .grid-item { width: 33.333333333%; } .grid-item { float: left; height: auto; padding:5px; margin-bottom: 0px; } .large { width: 50%; } .xlarge { width: 100%; } .green-container, .blue-container { padding:20px; color: white; } .green-container { background-color: #B2E9D3; } .blue-container { background-color: #A6D7E6; } .feature-title { position: absolute; bottom: 0px; left: 0px; top: 0px!important; height: 100%; width: 100%; margin-bottom: 0px; opacity: 0; filter: alpha(opacity=0); -webkit-transition: opacity 0.5s ease-in-out; -moz-transition: opacity 0.5s ease-in-out; transition: opacity 0.5s ease-in-out; padding: 3px; background-image: url(https://www.advanceaec.net/aaec-files/2020/09/advanceAEC_logo_white-1.png); background-size: 100px 40px; background-position: right top; background-repeat: no-repeat!important; background-color: rgba(0,0,0,0.25); } .sub-title { color: #555; } .feature-title:hover { opacity: 1; filter: alpha(opacity=100); /* For IE8 and earlier */ visibility:visible!important; } .outer-title { float: left; height: auto; padding: 0px; margin-bottom: 0px; position: relative; } .inner-feature-title { text-align: center; margin-left: auto; margin-right: auto; position: absolute; bottom: 0px; font-family: 'Peter-Regular' !important; font-size: 15px; line-height: 17px; text-transform: lowercase; color: #fff; padding: 10px; width: 100%; left: 0px; } /*-----------------------------------------------------------------------------------* /* = Mobile Stlyes /*-----------------------------------------------------------------------------------*/ @media only screen and (max-width: 959px) { .grid-item { width: 50%; } .large { width: 100%; } } @media only screen and (max-width: 375px) { .grid-item { width: 100%; } } /* ----------------------------------------- */ /* WordPress Archive slug: categories - end */ /* ----------------------------------------- */