/* CUSTOM STYLES */
img { max-width: 100%; }
/* CORE CSS */


.alignnone { margin: 5px 20px 20px 0; }
.aligncenter, div.aligncenter { display: block; margin: 5px auto 20px auto; }
.alignright { float:right; margin: 5px 0 20px 20px; } 
.alignleft { float: left; margin: 5px 20px 20px 0; } 

a img.alignright { float: right; margin: 5px 0 20px 20px; }
a img.alignnone { margin: 5px 20px 20px 0; }
a img.alignleft { float: left; margin: 5px 20px 20px 0; }
a img.aligncenter { display: block; margin-left: auto; margin-right: auto; }

.wp-caption { background: #fff; border: 1px solid #f0f0f0; max-width: 96%; /* Image does not overflow the content area */ padding: 5px 3px 10px; text-align: center; }
.wp-caption.alignnone { margin: 5px 20px 20px 0; }
.wp-caption.alignleft { margin: 5px 20px 20px 0; }
.wp-caption.alignright { margin: 5px 0 20px 20px; }
.wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; }
.wp-caption .wp-caption-text { font-size: 0.9em; color: #888; padding: 5px 5px 0; margin: 0 auto; line-height: 1.33; }
.wp-caption .gallery-caption { font-size: 0.9em; color: #888; padding: 5px 5px 0; margin: 0 auto; line-height: 1.33; }

figure.gallery-item { display: inline-block; text-align: left; vertical-align: top; margin: 0 0 1.5em; padding: 0 1em 0 0; width: 50%; }
.bypostauthor { background-color:#e3e9f1; }
.sticky {}
.screen-reader-text { border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important; }


/* ADMIN BAR */


.admin-bar .page-header { top: 32px; }

/* CONTACT SECTION */

.map-section iframe { width:100%; display:block; border:0; height:450px; }


/* HOME BANNER SLIDER */

.slide__title { font-size:60px; font-family: 'Roboto Slab', serif; text-align: center; font-weight: 700; padding: 0 20px; }


/* PROJECT LIST */

.project-list-title { text-align: center; color: #282828; padding-top: 30px; }

.project-box { margin: 15px auto; position: relative; bottom: 0; transition: all 0.5s; }
.project-box:after { content: ''; display: block; width: 70%; height: 20px; border-radius: 50%; margin: 0 auto; top: 70%; filter: blur(12px); opacity: 0; background: #000; transition: all 0.5s; }
.project-box a.project-brief { text-decoration: none; padding: 20px 0; background: #282828; color: #fff; text-align: center; display: block; overflow: hidden; position: relative; z-index: 3; transition: all 0.5s; }
.project-box:hover { bottom: 8px; }
.project-box:hover a.project-brief { background: #db4d40; }
.project-box:hover:after { top: 100%; opacity: 0.6; }
.project-image {  }
.project-image img { display: block; margin: 0; padding: 0; width: 100%; }
.project-title { display: block; font-size: 20px; }
.project-category { display: block; font-size: 13px; opacity: 0.6; }

/* PROJECT SINGLE PAGE ICONS */
/*width: 100px;
height: auto;*/


.taxonomy-filters { text-align: center; }
.taxonomy-filters a { display: inline-block; line-height: 1; padding: 10px 20px; border: 1px solid; margin: 4px; text-transform: uppercase; font-size: 0.7rem; font-weight: 700; text-decoration: none; transition: all 0.3s; }
.taxonomy-filters a:hover, .taxonomy-filters a.active { color: #333; box-shadow: 0 0 5px rgba(0,0,0,0.2); }

/* CONTACT FORM */

.contact-form .form-control { display: block; width: 100%; padding: 5px 10px; border: 1px solid #ddd; font-size: 0.8rem; }
.contact-form .form-control:hover { border: 1px solid #5da6ed; }
.contact-form .form-control:focus { box-shadow: none; border: 1px solid #5da6ed; outline: 2px solid #5da6ed; }
.contact-form .form-control + span { text-align: left; font-size: 0.7rem; padding: 3px 6px; color: #db1a1a; background: #fceeee; }

/* POST DETAIL PAGE */

.entry-post-content { box-shadow:0 0 10px; border-radius:5px; margin-top:40px; }
.entry-content { padding:60px; text-align:justify; display:block; }

.entry-image { width:100%; display:block; height:100%; position:relative; }
.entry-image img { width:100%; height:auto; }