/*
Theme Name:     cialu theme
Theme URI:      http://cialu.net/
Description:    wp theme for cialu.net website
Author:         Luca Ciavatta
Author URI:     http://cialu.net/about/
Template:       quark
Version:        0.1.0
*/

.button {
    background-color: #3c6eb4;
    border: none;
    color: #ffffff;
    padding: 6px 21px;
    border-radius: 6px;
    margin: 2px 2px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-weight: bold;
} 

.button-big {
    border: none;    
	width: 44%;   
    margin: 2px 2px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
} 

a.button {
    outline: 0;
    color: white;
}


a.button:hover, a.button:active {
    outline: 0;
    color: yellow;
}

code {
	color: #ddd;
	background-color: #002B36;
	border: 0px;
	
}

pre {
	
	background-color: #002B36;
	
	border-color: #ddd;
}

figure {
	margin: 0;
	margin: 0;
}

#headercontainer {
    	background-color: #294172;
}

.social-media-icons a span{
    	color: #3c6eb4;
}

.site-title a {
	font-family: Comfortaa;
        color: #F1F1F1; // #3c6eb4;
        font-weight: bold;
}

body {
        font-family: sans-serif;
}

b, strong, em {
        font-family: sans-serif;
    
}

.smallprint a {
    	color: #F1F1F1;
}

.widget-area .widget {
   
    margin-top: 10px;
    margin-bottom: 10px;
}

@media only screen and (min-width: 800px) and (max-width: 1220px) {
.button {
    
    padding: 0px 0px;
    
} 
}

@media only screen and (max-width: 800px) {
.grid_8_of_12 {
		width: 99%;
		
}
.col:first-child {
              
                width: 99%;
}
.grid_4_of_12 {	
		width: 99%;
		
	}
.widget-area {
		width: 99%;
	}
.button {
    float: left;
    padding: 6px;
	width: 27%;
    
} 
}