/*
 Theme Name:  Hamilton Suburbs
 Theme URI:   
 Description: Canvas Child Theme
 Author:      DVELOPIT
 Author URI:  http://dvelopit.co.nz/
 Template:    canvas
 Version:     1.0.0
 Text Domain: canvas-child
*/

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





/* GLOBAL STYLES
----------------
Add styles beneath this line that you want to be applied across your entire site */

#comments, #fb-script { display:none !important; }

#nav-container { margin: 0 0 0 0; }

#content { padding-top:20px; }

#wrapper { background-color:#ffffff; }

body { background-color:#222222; }

#footer a { color:#ffffff; }

#header-right { float:right; margin-top:20px; }

/* #home1, #home2, #home3 { width:30%; float:left; background:#cccccc; display: block; height: 180px;  }
#home2 { margin-left:5%; margin-right:5%; } */


#sidebar img { margin-bottom:20px; } 

#text-9 img:hover { opacity:0.8; }


/* Sponsors */
#our-sponsors > h2 { clear: both; }
.sponsor-logo { float: left; margin-right: 20px;  }
.sponsor-entry { margin-bottom:40px; min-height: 80px; overflow: auto; }
.sponsor-entry > .sponsor-text { display: inline !important; }
.jersey-sponsor-entry { display: inline-block; height: 120px; vertical-align: top; width: 174px; }
.jersey-sponsor-logo, .jersey-sponsor-logo > a > img { height: 100%; width: 100%; }
.sponsor-logo img { width:174px !important; height:120px;  }
#title-wrap { width:100%; padding:10px; background-color:#000000; border-bottom:5px solid #fcf209; margin-top:15px; }
#title-wrap h2 { color:#ffffff; }



#home-sponsor-wrap { background-color:#000000; text-align:center; padding-top:20px; padding-bottom:25px; }
#home-sponsor-wrap h2 { color:#ffffff; margin-bottom:15px; }
#clip-width { max-width:1200px; margin-left:auto; margin-right:auto; }
div.soliloquy-container { margin-bottom:0px !important; }

/* DESKTOP STYLES
-----------------
Add styles inside the media query below that you only want to be applied to the desktop layout of your site */
@media only screen and (min-width: 768px) {
	/* Desktop styles go below this line */

}

/* Mobile STYLES
-----------------
Add styles inside the media query below that you only want to be applied to the mobile layout of your site */
@media only screen and (max-width: 768px) {
	/* Mobile styles go below this line */



#logo { text-align: center; }
#header-right { float: none; text-align:center; margin-bottom:15px; }

}