/*
Theme Name: Anti-IF Campaign 
Theme URI: http://www.fcgarage.com/
Author: Simone Volpini - FC Garage
Author URI: http://www.simonevolpini.info
Description: WordPress 3.x Anti-IF Campaign theme.
Version: 1.0
*/
@font-face {
    font-family: "Avenir";
    font-style: normal;
    font-weight: 400;
    src: url("fonts/avenir.ttf") format("truetype");
}
body { font-family: 'Avenir', sans-serif; font-size: 14px; color: #2a2f36 }
.row-red { background: #FD4E4D }
.row-dark { background: #2a2f36 }
.row-grey { background: #e6e7e7 }
.row-white { background: #fff }

.container { position: relative }

h1 {  margin: 0 0 10px 0; font-size: 40px; text-align: center; color: #fff; font-weight: 900 }
h3 { font-size: 30px; text-align: center; color: #2A2F36; font-weight: 600; margin: 0 0 10px }
h4 { font-size: 20px; color: #FD4E4D; font-weight: bold; margin: 0 0 10px 0 }
h4 a, h4 a:link { color: #FD4E4D }
h5 { font-size: 20px; color: #fff; font-weight: 600; margin: 0 0 5px 0 }
p { font-size: 16px; margin-bottom: 20px }
.center { text-align: center }

.large { font-size: 30px; margin-bottom: 35px }
.white { color: #fff }
.red { color: #FD4E4D }
.dark { color: #2a2f36 }
.backred { background: #FD4E4D; color: #fff; padding: 2px 5px }
.backwhite { background: #fff; color: #2a2f36; padding: 2px 5px }
.backdark { background: #2a2f36; color: #fff; padding: 2px 5px }

p.grey, .row-dark p.grey { color: #777; font-size: 22px; font-weight: bold }

p a, p a:link { text-decoration: none; color: #FD4E4D }
p a:hover, p a:active, p a:focus, a:hover, a:active, a:focus { text-decoration: underline; color: #FD4E4D }

.row-red, .row-red h1, .row-red p, .row-dark, .row-dark h1, .row-dark p { color: #fff }

.row-padding-standard { padding-top: 40px; padding-bottom: 40px }
.row-padding-code { padding-bottom: 0 }
.row-padding-rhombus { padding-top: 90px }
.row-padding-footer { padding-top: 40px; padding-bottom: 0 }

.box-text-standard { margin: 0 }
.img-code { padding: 15px 0 0 0 }

.btn-primary { font-size: 16px; padding: 8px 10px }

/* header  */
#logo { margin: 7px 0 12px 0 }

.social-header { float: right; padding-top: 60px }
.social-header a { display: block; float: left; width: 35px; height: 35px; margin-right: 10px }
.social-header a.facebook { background: url("images/social/facebook-red.svg") no-repeat; width: 20px }
.social-header a.twitter { background: url("images/social/twitter-red.svg") no-repeat; width: 35px }
.social-header a.rss { background: url("images/social/rss-red.svg") no-repeat; width: 35px }

.navbar-nav > li > a { padding: 10px 20px; text-transform: uppercase }
.navbar-nav > li { margin-left: 0 }


/* home page */
p.join-campaign { font-size: 20px; font-weight: bold; text-align: center; padding: 0; margin: 0 0 10px 0 } 
.join-campaign .number { font-size: 50px; font-weight: 700; vertical-align: middle; margin: 0 }
.action { padding: 15px 0; text-align: center }
.action a.btn-default { color: #fff }

.social-large-box { position: relative; display: block; width: 185px; margin: 60px auto }
.social-number { position: absolute; left: 0; top: 180px; width: 185px; color: #fff; font-size: 60px; font-weight: bold; text-align: center }
.social-box-twitter, .social-box-facebook, .social-box-support, .social-box-ifs { display: block; font-weight: bold; width: 178px; margin: 15px auto; padding: 10px 0; text-align: center; color: #fff; font-size: 25px }
.social-box-twitter a, .social-box-facebook a, .social-box-support a, .social-box-ifs a,
.social-box-twitter a:link, .social-box-facebook a:link, .social-box-support a:link, .social-box-ifs a:link { color: #fff }
.social-box-twitter { background: #9ae4e8 }
.social-box-facebook { background: #3b5998 }
.social-box-support { background: #2a2f36 }
.social-box-ifs { background: #fd4e4d }

.box-whi { padding: 0 10px }
.box-whi h3 { margin: 13px 0 13px 0 }
.box-whi p { text-align: center; margin: 0 0 15px 0 }
.box-whi .small { font-size: 13px }

/* code */
pre { background: url('images/wave.png') no-repeat 0 0; border: none; font-family: courier; font-size: 14px; font-weight: bold; border-left: 3px solid #fff; border-radius: 1px; border-right: 3px solid #fff; margin: 0; padding: 50px 30px; color: #333 }
pre .error1 { background: #FD4E4D; color: #fff; padding: 2px 5px  }
pre.pre-join { border-bottom: 3px solid #fff; color: #333; margin: 30px 0 40px 0; padding: 40px 20px 20px 20px; font-size: 15px; font-weight: bold }

/* page */
.rhombus { z-index: 100; height: 150px; width: 150px; position: absolute; margin-top: -75px; top: 0; left: 50%; margin-left: -75px }

/* blog */
.single-post { background: #fff; padding: 20px; border-bottom: 1px solid #333; margin-bottom: 20px }
.single-post .readmore {}
.meta-post { color: #777; font-size: 15px; margin: 0 0 10px 0 }
.meta-post .data { text-transform: uppercase; color: #333 }

/* footer */
.row-footer-events { padding-top: 0; padding-bottom: 0 }
ul.footer-events { list-style: none; padding: 0; margin: 0 }
ul.footer-events li { float: left; width: 100%; padding: 0; margin: 0 }
ul.last-events { list-style: none; padding: 0; margin: 0; width: 100% }
ul.last-events li { float: none; width: 100%; border-top: 5px solid #f79c97; clear: both; text-align: right }
ul.last-events :first-child { border: none }
.last-events .data { display: block; float: right; background: #2a2f36; color: #fff; font-weight: bold; font-size: 13px; padding: 3px 3px; width: 80px; height: 75px; text-align: center; margin-left: 15px }
.last-events .number { font-size: 44px; font-weight: bold; margin: 0; padding: 0; line-height: 50px }
.last-events .follow { font-size: 30px; color: #f79c97; font-weight: 700; text-align: center; padding: 7px 0 }
.last-events .title { font-size: 18px; color: #fff; padding-top: 17px; font-weight: 700; line-height: 1em }
.last-events .subtitle { font-size: 16px; color: #f79c97; font-weight: bold }
.last-events .action { padding: 15px 0; text-align: center }

.footer-left { text-align: right }
.footer-left h3 { text-align: right; margin-bottom: 20px }
.footer-left img { margin: 0 0 30px 0 }

.social-footer { float: right; padding-right: 15px }
.social-footer a {  display: block; float: left; margin-right: 15px }
.social-footer a.facebook { background: url("images/social/facebook-footer.svg") no-repeat; width: 20px; height: 35px }
.social-footer a.twitter { background: url("images/social/twitter-footer.svg") no-repeat; width: 35px; height: 35px }
.social-footer a.rss { background: url("images/social/rss-footer.svg") no-repeat; width: 35px; height: 35px }

.box-network { background: #2a2f36; padding: 0 0 40px 0 }
.network { padding-bottom: 0 }
.network img { vertical-align: middle; float: left; margin: 0 10px 0 0 }
.network a { color: #95969a; font-size: 15px; background-repeat: no-repeat; display: block; height: 35px; padding: 2px 0 15px 40px; line-height: 1.1em }
.network a.anti-if { background-image: url('images/footer/anti-if.png'); padding-top: 10px }
.network a.fcgarage { background-image: url('images/footer/fc-garage.png'); padding-top: 10px }
.network a.pwf { background-image: url('images/footer/programming-with-francesco.png') }
.network a.wah { background-image: url('images/footer/wah.png'); padding-top: 10px }
.network a.wahprog {background-image: url('images/footer/wah-programming.png'); padding-top: 10px }
.network a.francesco { background-image: url('images/footer/francesco-cirillo.png'); padding-top: 10px }
.network a.pomodoro { background-image: url('images/footer/pomodoro.png') }

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
	
	h1 { font-size: 30px }
	h3 { font-size: 26px }
	h5 { font-size: 20px }
	p { font-size: 16px; margin-bottom: 25px }
	.large { font-size: 54px; margin-bottom: 30px }
	
	.row-padding-standard { padding-top: 60px; padding-bottom: 70px }
	.row-padding-code { padding-bottom: 0 }
	.row-padding-rhombus { padding-top: 90px }
	
	.box-text-standard { margin: 0 }
	
	.btn-default { font-size: 22px; padding: 9px 20px }
	.btn-primary { font-size: 13px; padding: 8px 5px }
	
	/* header */
	.navbar-nav > li > a { padding: 18px 10px 8px 10px; font-size: 13px }
	.navbar-nav > li { margin-left: 0 }
	
	/* home page */
	p.join-campaign { font-size: 20px; text-align: left } 
	.join-campaign .number { font-size: 50px; margin: 0 15px 0 0 }
	.action { padding: 14px 0 0 0; text-align: right }
	
	.social-large-box { width: 157px; margin: 40px auto }
	.social-large-box img { width: 157px }
	.social-number { top: 160px; width: 157px; font-size: 45px }
	.social-box-twitter, .social-box-facebook, .social-box-support, .social-box-ifs { width: 153px; margin: 15px auto; padding: 10px 0; font-size: 20px }
	
	.box-whi p { margin: 0 }
	
	/* footer */
	ul.footer-events li { width: 33.33% }
	ul.last-events li { width: 100% }
	.last-events .data { padding: 9px 1px 0 1px; width: 74px; height: 65px; font-size: 12px; margin-left: 8px }
	.last-events .number { font-size: 28px; line-height: 30px }
	.last-events .follow { font-size: 20px }
	.last-events .title { font-size: 16px; padding-top: 6px; line-height: 19px }
	.last-events .subtitle { font-size: 14px }
	.last-events .action { padding: 5px 0; text-align: right }
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
	
	p { font-size: 17px; margin-bottom: 30px }
	
	.box-text-standard { margin: 0 20px }
	
	.btn-default { font-size: 28px; padding: 9px 20px }
	.btn-primary { font-size: 16px; padding: 10px 10px }
	
	/* header */
	.navbar-nav > li > a { padding: 18px 10px 8px 10px; font-size: 14px }
	.navbar-nav > li { margin-left: 20px }
	
	/* home page */
	p.join-campaign { font-size: 25px } 
	.join-campaign .number { font-size: 66px; margin: 0 30px 0 0 }
	.action { padding: 20px 0 0 0 }
	
	.social-large-box { width: 185px; margin: 60px auto 90px auto }
	.social-large-box img { width: 185px }
	.social-number { top: 180px; width: 185px; font-size: 60px }
	.social-box-twitter, .social-box-facebook, .social-box-support, .social-box-ifs { width: 178px; margin: 15px auto; padding: 7px 0; font-size: 29px }
	
	/* footer */
	.last-events .data { padding: 6px 5px 0 5px; width: 80px; height: 75px; font-size: 13px; margin-left: 15px }
	.last-events .number { font-size: 42px; line-height: 45px }
	.last-events .follow { font-size: 26px }
	.last-events .title { font-size: 18px; padding-top: 15px }
	.last-events .subtitle { font-size: 16px }
	.last-events .action { padding: 5px 0 }
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	
	h1 { font-size: 40px }
	h3 { font-size: 36px }
	h5 { font-size: 26px }
	p { font-size: 18px; margin-bottom: 30px }
	
	.large { font-size: 65px; margin-bottom: 35px }
	
	.box-text-standard { margin: 0 40px }
	
	.btn-default { font-size: 30px; padding: 18px 25px }
	.btn-primary { font-size: 20px; padding: 11px 12px }
	
	/* header */
	.navbar-nav > li > a { padding: 18px 15px 8px 15px; font-size: 15px }
	.navbar-nav > li { margin-left: 30px }
	
	/* home page */
	p.join-campaign { font-size: 30px; padding: 8px 0 0 0 } 
	.join-campaign .number { font-size: 84px; margin: 0 30px 0 0 }
	.action { padding: 25px 0 0 0 }
	
	/* footer */
	.last-events .data { padding: 9px 5px 0 5px; width: 90px; height: 85px; font-size: 12px; }
	.last-events .number { font-size: 48px; line-height: 50px }
	.last-events .follow { font-size: 34px }
	.last-events .title { font-size: 21px; padding-top: 17px }
	.last-events .subtitle { font-size: 16px }
	.last-events .action { padding: 10px 0 0 0 }
}