/*

Theme Name: Tennis

Theme URI: http://grangewebdesign.com/

Version: 3.8

Author: Kieran Dally

Author URI: http://grangewebdesign.com/

*/



@import url(http://fonts.googleapis.com/css?family=Ubuntu:400,700);





html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

b, u, i, center,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td,

article, aside, canvas, details, embed, 

figure, figcaption, footer, header, hgroup, 

menu, nav, output, ruby, section, summary,

time, mark, audio, video {

margin: 0;

padding: 0;

border: 0;

font-size: 100%;

font: inherit;

vertical-align: baseline;

}

/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure, 

footer, header, hgroup, menu, nav, section {

display: block;

}

body {

line-height: 1;

}

ol, ul {

list-style: none;

}

blockquote, q {

quotes: none;

}

blockquote:before, blockquote:after,

q:before, q:after {

content: '';

content: none;

}

table {

border-collapse: collapse;

border-spacing: 0;

}

img{vertical-align:top;}



/* clearfix */

.clearfix:after {

visibility: hidden;

display: block;

font-size: 0;

content: " ";

clear: both;

height: 0;

}

* html .clearfix {

zoom: 1;

} /* IE6 */

*:first-child+html .clearfix {

zoom: 1;

} /* IE7 */



pre {

margin: 20px 0;

background: #eee;

border: 1px solid #ddd;

padding: 10px;

white-space: pre-wrap;       /* css-3 */

white-space: -moz-pre-wrap;  /* Mozilla */

white-space: -pre-wrap;      /* Opera 4-6 */

white-space: -o-pre-wrap;    /* Opera 7 */

word-wrap: break-word;       /* Internet Explorer 5.5+ */

}

blockquote {

border: 1px dashed #ddd;

border-radius: 5px;

padding: 20px;

margin: 20px 0px;

background: #f7f7f7;

font-style:italic;

font-size:16px;

}

blockquote p{

margin-bottom:0px;

}

strong{

font-weight:700;

}

body{

font-family: 'Ubuntu', sans-serif;

color:#000002;

line-height:20px;

font-size:13px;

background: #fff url(images/header_bg.jpg) no-repeat center 10px;

}

.clear{

clear:both;

}

a{

color:#126ab5;

text-decoration:none;

-webkit-transition:all .4s ease-in-out;

-moz-transition:all .4s ease-in-out;

-o-transition:all .4s ease-in-out;

transition:all .4s ease-in-out;

}

a:hover{

color:#e65c36;

text-decoration:none;

}

h1,h2,h3,h4,h5,h6{

font-family: 'Ubuntu', sans-serif;

margin-bottom:15px;

font-weight:700;

color:#126ab5;

}

h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{

color:#126ab5;

}

h1,h2{

color:#126ab5;

margin-bottom:15px;

line-height:normal;

font-weight:700;

font-size:24px;

}

h3{

font-size:21px;

}

h4{

font-size:18px;

}

h5{

font-size:17px;

}

h6{

font-size:16px;

}



#wrapper{

width:980px;

margin:0px auto;

}



#headerwrap{

padding:10px 0px;

}

.top_contact_info{

color:#126ab5;

font-size:13px;

font-weight:bold;

background:url(images/icon_email.jpg) no-repeat left center;

padding-left:30px;

float:left;

width:413px;

}



#logo{

width:102px;

float:left;

}

.social{

float:right;

width:413px;

text-align:right;

}

.social a{

height:25px;

width:25px;

display:inline-block;

color:#126ab5;

text-align:center;

font-size:20px;

line-height:25px;

margin:0px 0px;

-webkit-transition:all .4s ease-in-out;

-moz-transition:all .4s ease-in-out;

-o-transition:all .4s ease-in-out;

transition:all .4s ease-in-out;

}

.social a:hover{

color:#e65c36;

}



#main{

padding-bottom:40px;

}

.main_nav{

height:100px;

position:relative;

text-align:center;

margin:14px 0 0px 0px;

}



.sf-menu, .sf-menu * {

margin: 0; padding: 0; 

list-style: none;

text-align:center;

}



.sf-menu {

line-height : 1.0;

}

.sf-menu ul {

position : absolute;

top : -999em;

width : 200px;

}

.sf-menu ul li {

width : 100%;

}

.sf-menu li:hover {

visibility : inherit;

}

.sf-menu li {

display : inline-block;

position : relative;

}

.sf-menu a {

display : block;

position : relative;

}

.sf-menu li:hover ul, .sf-menu li.sfHover ul {

left : 0;

top : 50px;

z-index : 99;

}

ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul {

top : -999em;

}

ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul {

left : 200px;

top : 0;

}

.sf-menu {

display : inline-block;

}

.sf-menu a {

height : 50px;

font-size : 17px;

line-height : 50px;

font-weight : 700;

text-transform:uppercase;

display : block;

color : #fff;

padding : 0 15px;

text-decoration : none;

position : relative;



}

.sf-menu > li > a:focus, .sf-menu > li > a:hover, .sf-menu > li > a:active, .sf-menu > li.sfHover > a, .main_nav .current-menu-item > a:first-child {

color : #c7ec13;

}

.sf-menu ul {

padding : 0;

font-size : 13px;

background : #0056af;

border : none;

padding : 0px;

}

.sf-menu ul ul {

margin-top : -1px;

}

.sf-menu ul a {

margin : 0;

line-height : normal;

height : auto;

padding : 9px 15px;

font-size : 13px;

display : block;

float : none;

color : #fff;

font-weight : 700;

text-transform : uppercase;

display : block;

text-align : left;

border-top:1px solid #0067d2;

}

.sf-menu ul a:focus, .sf-menu ul a:hover, .sf-menu ul a:active {

color : #fff;

background: #e65c36;

}

.sf-menu ul .current-menu-item a {

color : #fff!important;

background: #e65c36;

}



.featuredcontents{

padding:30px 0px;

}

.featured{

width:320px;

float:left;

margin-right:10px;

position:relative;

}

.featured h2,

.highlight_box h2{

font-size:20px;

color:#126ab5;

margin-bottom:13px;

text-transform:uppercase;

}

.featured h2 a{

color:#126ab5;

}

.featured img{

border-radius:3px;

}



.s_read_more{

background : #add212;

line-height:36px;

display:inline-block;

padding:0px 18px;

font-weight:700;

color:#236aa6;

cursor:pointer;

font-size:15px;

border-radius:3px;

-webkit-transition:all .4s ease-in-out;

-moz-transition:all .4s ease-in-out;

-o-transition:all .4s ease-in-out;

transition:all .4s ease-in-out;

position:absolute;

z-index:999;

right:10px;

top:-10px;

}

.s_read_more:hover{

color:#fff;

background : #d15533;

}



.f_read_more{

background : #add212;

line-height:27px;

display:inline-block;

padding:0px 14px;

font-weight:700;

color:#236aa6;

cursor:pointer;

font-size:13px;

border-radius:3px;

-webkit-transition:all .4s ease-in-out;

-moz-transition:all .4s ease-in-out;

-o-transition:all .4s ease-in-out;

transition:all .4s ease-in-out;

position:absolute;

z-index:999;

right:20px;

bottom:10px;

}

.featured:hover .f_read_more,

.f_read_more:hover{

color:#fff;

background : #d15533;

}



.highlight_box{

width:320px;

float:left;

margin-right:10px;

}

.last{ margin-right:0px;}

.highlight_box p{

font-size:13px;

line-height:20px;

margin-bottom:20px;

}

.h_read_more{

background : #d15533;

line-height:27px;

display:inline-block;

padding:0px 14px;

font-weight:700;

color:#fff;

cursor:pointer;

font-size:13px;

border-radius:3px;

-webkit-transition:all .4s ease-in-out;

-moz-transition:all .4s ease-in-out;

-o-transition:all .4s ease-in-out;

transition:all .4s ease-in-out;

}

.highlight_box:hover .h_read_more,

.h_read_more:hover{

background : #add212;

color:#236aa6;

}



#slider-wrap{

margin-top:0px;

position:relative;

padding-bottom:50px;

background: url(images/shadow_bottom.jpg) no-repeat center bottom;
width: 980px;
height: 331px;

}



#content{

width:680px;

float:left;

}





#content input[type="search"], #content input[type="text"], #content input[type="password"], #content input[type="email"], #content input[type="tel"], #content input[type="url"], #content textarea {

background : #fff;

border : #ddd solid 1px;

display : block;

font-size : 14px;

color : #000;

font-weight : 400;

margin-left : 0;

padding : 6px 10px;

line-height : 1.6em;

box-sizing : border-box;

max-width : 100%;

transition : all 0.4s ease;

font-family: 'Ubuntu', sans-serif;

}

#content input[type="text"], #content input[type="password"], #content input[type="email"], #content input[type="tel"], #content input[type="url"] {

max-width : 100%;

width : 300px;

}

#content input[type="search"], #content input[type="text"], #content input[type="password"], #content input[type="email"], #content input[type="tel"], #content input[type="url"] {

padding-top : 7px;

padding-bottom : 7px;

}

#content textarea {

width : 100%;

max-width : 100%;

padding : 10px;

font-family: 'Ubuntu', sans-serif;

}

#content input[type="search"] {

width : 100%;

max-width : 100%;

box-sizing : border-box;

padding : 8px 10px;

font-size : 11px;

}



.entry input[type="button"], .entry input[type="submit"], #comments input[type="submit"], .btn {

font-size : 18px;

display : inline-block;

background : #126ab5;

color : #fff;

padding : 8px 15px 8px 15px;

border : 0;

font-weight:700;

font-family: 'Ubuntu', sans-serif;

outline : 0;

cursor : pointer;

border-radius:3px;

-webkit-transition:all .4s ease-in-out;

-moz-transition:all .4s ease-in-out;

-o-transition:all .4s ease-in-out;

transition:all .4s ease-in-out;

}

.entry input[type="button"]:hover, .entry input[type="submit"]:hover, #comments input[type="submit"]:hover, .btn:hover {

text-decoration : none;

color : #fff;

background: #c85232;

}

div.wpcf7 .wpcf7-not-valid {

border-color : #F00;

box-shadow : 0 0 6px rgba(255, 0, 0, 0.4);

}

span.wpcf7-not-valid-tip {

display : none !important ;

}

div.wpcf7-validation-errors {

margin : 0;

padding : 10px;

color : #c4690e;

background : #fffdf3;

text-align : center;

border : #e6bf4a solid 1px;

border-radius : 3px;

}

div.wpcf7-mail-sent-ng {

margin : 0;

padding : 10px;

background : #ffe9e9;

color : #d04544;

border : #e7a9a9 solid 1px;

border-radius : 3px;

}

.wpcf7 p {

font-size : 11px;

text-transform : uppercase;

}

.wpcf7 input, .wpcf7 textarea {

margin-top : 5px;

}

.entry {

font-size:14px;

}

.entry p{

margin-bottom:20px;

font-size:14px;

line-height:22px;

}

.entry ul{

margin:0 0px 20px 20px;

list-style:square;

}

.entry ul li{

font-size:14px;

line-height:22px;

margin-bottom:7px;

}

.entry ol{

margin:0 0px 20px 20px;

list-style:decimal;

}

.entry ol li{

font-size:14px;

line-height:22px;

margin-bottom:7px;

}



#sidebar{

width:270px;

float:right;

}

.sidebar-box {

margin-bottom:20px;

font-size:14px;

line-height:22px;

}

.sidebar-box h4{

font-size:20px;

color:#126ab5;

text-transform:uppercase;

}



.sidebar-box ul{

margin:0 0px 20px 20px;

list-style:square;

}

.sidebar-box ul li{

font-size:14px;

line-height:22px;

margin-bottom:7px;

}

.sidebar-box ol{

margin:0 0px 20px 20px;

list-style:decimal;

}

.sidebar-box ol li{

font-size:14px;

line-height:22px;

margin-bottom:7px;

}



#footer {

background: #126ab5;

padding:25px;

color:#fff;

border-radius:3px 3px 0px 0px;

}

#footer a{

color:#fff;

}

#footer p{

margin-bottom:20px;

}

#footer-one,

#footer-two,

#footer-three{

width:290px;

float:left;

margin-right:30px;

}

#footer-three{

margin-right:0px;

}

.footer-widget {

margin-bottom:25px;

}

.footer-widget h4{

color:#fff;

text-transform:uppercase;

font-size:20px;

margin-bottom:20px;

}

.footer-widget ul {

list-style:none;

margin:0px;

padding:0px;

}

.footer-widget ul li{

border-top:1px solid #1681dc;

padding:11px 0px;

line-height:20px;

}

#footer .footer-social a{

height:25px;

width:25px;

display:inline-block;

color:#add212;

text-align:left;

font-size:20px;

line-height:25px;

margin:0px 0px;

-webkit-transition:all .4s ease-in-out;

-moz-transition:all .4s ease-in-out;

-o-transition:all .4s ease-in-out;

transition:all .4s ease-in-out;

}

#footer .footer-social a:hover{

color:#d65734;

}





#footer_bottom{

display:block;

padding:20px 0px 0px 0px;

border-top:1px solid #1681dc;

color:#fff;

font-size:13px;

}

#back-to-top{

float:right;

width:30%;

text-align:right;

}

.copyright-text{

float:left;

text-align:left;

width:50%;

}



/*sticky*/

.sticky { }

/*gallery captio*/

.gallery-caption

/*by post author*/

.bypostauthor { }

/*aligns*/

.aligncenter, .alignnone { display: inline-block; margin: 10px 0; }

.alignright { float: right; margin: 10px 0 10px 10px; }

.alignleft { float: left; margin: 10px 10px 10px 0; }

/*floats*/

.floatleft { float: left }

.floatright { float: right }

/*text style*/

.textcenter { text-align: center }

.textright { text-align: right }

.textleft { text-align: left }

/*captions*/

.wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }

.wp-caption img { margin: 0; padding: 0; border: 0 none; }

.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }

/*smiley reset*/

.wp-smiley { margin: 0 !important; max-height: 1em; }

/*blockquote*/

blockquote.left { margin-right: 20px; text-align: right; margin-left: 0; width: 33%; float: left; }

blockquote.right { margin-left: 20px; text-align: left; margin-right: 0; width: 33%; float: right; }





.loop-entry{

	margin-bottom: 25px;

	background:#fff;

	padding:15px;

	border-width: 1px;

	border-style: solid;

	border-color: #f1f1f1;

}

.loop-entry-thumbnail{

	float: left;

	margin-right: 25px;

}

.loop-entry p{

	margin-bottom:0px!important;

}



.loop-entry h2{

	margin: 0px 0 7px 0;

}

.loop-entry h2 a{

	color:#126ab5;

}

.loop-entry h2 a:hover{

	color:#c85232;

}

.loop-entry-meta{

	color: #999;

	margin: 0 0 5px 0;

}

.loop-entry-meta span{

	margin: 0 5px 0 12px;

}

.loop-entry-meta span:first-child{

	margin-left: 0;

}



.paginations{

	margin: 20px 0;

}

.paginations a,

.paginations span {

	font-size: 15px;

    line-height: 40px;

    height: 40px;

    width: 40px;

    text-align: center;

    margin-right: 5px;

    display: block;

    float: left;

	background: #236aa6;

	color: #fff;

	border-radius:2px;

}

.paginations a:hover,

.paginations .active a {

    text-decoration: none;

	color: #fff;

	background: #c85232;

}



ol.commentlist{

margin:0px;

padding:0px;

list-style:none;

}

.comment-body{

background: #fff;

margin-top:15px;

padding:55px 15px 15px 15px;

position:relative;

border:1px solid #f1f1f1;

}

.comment-body .vcard{

position:absolute;

left:10px;

top:10px;

}

.comment-body .comment-meta{

position:absolute;

right:10px;

top:10px;

font-size:11px;

line-height:22px;

}

.comment-body .comment-meta a{

color:#434343;

}



.comment-body p{

font-size:14px;

line-height:22px;

color:#434343;

margin-bottom:15px;

}

.reply{

}

.reply a,

.cancel-comment-reply a{

display:inline-block;

margin:0 0 0 0;

padding:5px 8px;

background: #a83a59;

color:#fff;

font-size:12px;

font-weight:normal;

text-transform:uppercase;

border-radius:3px;

}

.cancel-comment-reply{

display:block;

margin:10px 0px;

text-align:right;

}

ul.children{

margin-left:20px;

}



#respond{

margin:15px 0px;

}

#commentform p{

margin-bottom:16px;

font-size:14px;

color:#434343;

}

.text_right{

text-align:right;

}