/*
 Theme Name:   Kamloops Voter
 Theme URI:    https://kamloopsvoter.ca
 Description:  Custom theme for KamloopsVoter.ca
 Author:       Darrylschmidt
 Author URI:   https://kamloopscity.com
 Template:     generatepress
 Version:      0.1
*/

.alert-info {
  background-color: #fff;
  border-color: #f90;
  border-width: 0;
  border-left-width: 7px;
  color: #222;
}
.alert-info a {
	color: #222;
}
.featured-image-text {
	position: relative;
	width: 100%;
}
.featured-text {
    background-color: #000000;
    opacity: .5;
    padding: 0 10px 0 10px;
    position: absolute;
    top: 5px;
    right: 5px;
    font-size: 1.5em;
    border-radius: 15px;
}
.featured-text a {
	color: #ffffff;
	font-weight: bold;
}
.pull-left img {
    margin: 0 20px 20px 0;
}
.pull-right img {
    margin: 0 0 20px 20px;
}
a.list-group-item.active, a.list-group-item.active:hover {
    background-color: #222222;
    border-color: #222222;
}
span.label.label-primary {
	background-color: #222222;
}
span.label.label-primary a {
    color: #ffffff;
}
.no-comments {
	display: none;
}
.sharing-buttons {
	font-size: 2em;
	line-height: 1em;
}
.sharing-buttons-small {
	font-size: 2em;
	line-height: 1em;
}
.btn-xs {
	font-size: .8rem;
}
.fa-facebook-square {
	color: #3b5998;
}
.fa-twitter-square {
	color: #00acee;
}
.fa-linkedin-square {
	color: #0077b5;
}
.fa-pinterest-square {
	color: #ca1f27;
}
.fa-google-plus-square {
	color: #dd4b39;
}
.fa-youtube-square {
	color: #cd201f;
}
.fa-envelope {
    color: #ffca00;
}
.fa-link {
    color: #909090;
}
.fa-phone:hover {
    color: #007cff;
}
.fa-video-camera {
    color: #008e40;
}
.fa-facebook-square:hover {
	color: #3b5998;
}
.fa-twitter-square:hover {
	color: #00acee;
}
.fa-linkedin-square:hover {
	color: #0077b5;
}
.fa-pinterest-square:hover {
	color: #ca1f27;
}
.fa-google-plus-square:hover {
	color: #dd4b39;
}
.fa-youtube-square:hover {
	color: #cd201f;
}
.fa-envelope:hover {
    color: #ffca00;
}
.fa-link:hover {
    color: #909090;
}
.fa-phone:hover {
    color: #007cff;
}
.fa-video-camera:hover {
    color: #008e40;
}

/* Large Devices, Wide Screens */
    @media only screen and (max-width : 1200px) {

    }

    /* Medium Devices, Desktops */
    @media only screen and (max-width : 992px) {

    }

    /* Small Devices, Tablets */
    @media only screen and (max-width : 768px) {
    .one-container .site-content {
        padding: 0;
    }

    }

    /* Extra Small Devices, Phones */ 
    @media only screen and (max-width : 480px) {
    .event-image {
    	width: 100%;
    }

    }

    /* Custom, iPhone Retina */ 
    @media only screen and (max-width : 320px) {

    }