/*
Theme Name:	CityGov - Child Theme
Theme URI: http://themnific.com
Description:	A basic child theme for CityGov Theme
Author:		Dannci
Author URI: http://themnific.com
Template:	citygov
Version:	0.1
*/

/* ADD SOME STYLE BELOW */
.galitem-title {
	text-decoration: none;
	font-size:18px;
	font-weight:bold;
	margin:10px 0;
}
@media screen and (max-width: 1155px) {
   body  #titles .logo {
              margin-top: 10px !important;
        margin-bottom: 10px !important;
        overflow: hidden;
    }
}
@media only screen and (max-width: 460px) {
   body #titles img {
        max-width: 50px;
        margin: 0;
    }
}

.gallery-container {
    padding: 30px 0;
}
.wp-container {
	max-width:1175px;
	margin:0 auto;
}
.gallery-header {
    padding:30px 0;
}
.galitem-div {
    padding: 20px 0;
}
.galitem-div h5 {
    
}
.galitem {
    padding: 15px;
}
.galitem-div h5 a {
    text-decoration: none;
}
.galitem-div .event-btn a {
        display: inline-block;
        border: 1px solid #00b2c0;
        padding: 6px 21px;
        border-radius: 5px;
        text-align: center;
        font-size: 16px;
        color: #00b2c0;
        margin-top: 5px;
}
.g-container {
display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;	
}
.g-column {
position: relative;
     width: 100%;
     min-height: 1px;
     padding-right: 15px;
     padding-left: 15px;
     padding-bottom: 5px;
     padding-top: 5px;	
}
.g-column-1 {
-webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
.g-column-2 {
-webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}
.g-column-3 {
-webkit-box-flex: 0;
    -ms-flex: 0 0 33.3333333333%;
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
}
.g-column-4 {
-webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
}
.g-column-5 {
-webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
}
.g-column-6 {
-webkit-box-flex: 0;
    -ms-flex: 0 0 16.6666666666666%;
    flex: 0 0 16.6666666666666%;
    max-width: 16.6666666666666%;
}
@media (max-width: 768px) {
.g-column-2, .g-column-3, .g-column-4, .g-column-5, .g-column-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}
}
 @media (max-width: 576px) {
.g-column-2, .g-column-3, .g-column-4, .g-column-5, .g-column-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
}