/*
 Theme Name:   London Cyclist
 Theme URI:    http://codeart.mk
 Description:  Canvas Child Theme
 Author:       Codeart
 Author URI:   http://codeart.mk
 Template:     canvas2
 Version:      1.0.0
*/


@import url("../canvas2/style.css");


/* =Theme customization starts here
-------------------------------------------------------------- */


.header-right{
	float:right;
	width:30%;
	margin-top:3%;
}

.header-right h2{
	display:none;
}

@media all and (max-width: 768px){
	.header-right{
		float:none;
		margin:0 auto;
		width:50%;
	}
}

@media all and (max-width: 520px){
	.header-right{
		width:90%;
	}
}

.socials > li {
    display: inline-block;
    margin: 5px;
    font-size: 18px;
    border-radius: 100%;
    border: 1px solid #ddd;
    transition: all .6s ease;
}

.socials > li > a {
    color: #000;
    padding: 0px !important;
}

.socials .fa {
    width: 34px;
    line-height: 34px;
    text-align: center;
}

.socials {
    width: 285px;
    margin: auto;
}

ul.socials .twitter:hover {
    border: 1px solid #55ACEE !important;
    background: #55ACEE none repeat scroll 0% 0% !important;
}

ul.socials .facebook:hover {
    border: 1px solid #3B5998 !important;
    background: #3B5998 none repeat scroll 0% 0% !important;
}

ul.socials .instagram:hover {
    border: 1px solid #44749C !important;
    background: #44749C none repeat scroll 0% 0% !important;
}

ul.socials .mail:hover {
    border: 1px solid #D43E3D !important;
    background: #D43E3D none repeat scroll 0% 0% !important;
}

ul.socials .flickr:hover {
    border: 1px solid #FF0084 !important;
    background: #FF0084 none repeat scroll 0% 0% !important;
}

ul.socials .pinterest:hover {
    border: 1px solid #BD2125 !important;
    background: #BD2125 none repeat scroll 0% 0% !important;
}

ul.socials .facebook:hover i, ul.socials .twitter:hover i, ul.socials .pinterest:hover i, ul.socials .flickr:hover i, ul.socials .instagram:hover i, ul.socials .mail:hover i {
    color: white;
}