/*   
Theme Name: Castlemaine Vets
Theme URI: http://www.greengraphics.com.au/
Description: Nice theme. 
Author: Nathan
Author URI: http://www.greengraphics.com.au/
Version: 1.5.5
*/





/******************************************************************************/

/*!     INDEX:                                                                */
/*!         i - Resets, Imports, Utilities, Misc                              */
/*!        ii - Body                                                          */
/*!       iii - Document Colors                                               */
/*!        iv - Typography                                                    */

/*!     STRUCTURE:                                                            */
/*!         1. - Header                                                       */
/*!         2. - Menus                                                        */
/*!         3. - Section                                                      */
/*!         4. - Article                                                      */
/*!         5. - Aside                                                        */
/*!         6. - Footer                                                       */

/******************************************************************************/





/******************************************************************************/

/*!     i - Imports, Resets, Utilities, Misc                                  */

/******************************************************************************/





.header::after,
nav ul::after,
.section::after,
.article::after,
.post::after,
.latest-news::after,
.subscribe::after,
.aside::after,
.footer::after,
.clearer::after,
.clearfix::after,
ul[class$='list']::after,
.wrapper::after {
    clear: both; 
    content: '.'; 
    display: block; 
    height: 0; 
    visibility: hidden;
}



.wrapper {
    margin: 0 auto;
    max-width: 960px;
    position: relative;
}



.inline {
    display: inline;
}



input[type="submit"] { background: #b5121b; }
input[type="submit"]:hover { background: #c5533e; }


ul[class$='list'],
ul.slides,
ul.flex-direction-nav {
    list-style-type: none;
    margin: 0;
    padding: 0;
}




.action-image, .action-title {
    -webkit-transition: all 0.3s ease;
       -moz-transition: all 0.3s ease;
            transition: all 0.3s ease;    
}







/******************************************************************************/

/*!     ii - Body                                                             */

/******************************************************************************/





body {
    background: #f0ece7;
	color: black;
	font-size: 62.5%;
	font-family: 'Open Sans', Arial, Helvetica, Sans-Serif;
	font-weight: 400;
}





/******************************************************************************/

/*!     iii - Document Colors                                                 */

/******************************************************************************/





.color1, .footer a {
    color: #f0ece7;
}

.color2 {
    color: #ece8e1;
}


.color3, a, .phone, .read-more.red {
    color: #b5121b;
}

.color4 {
    color: #c5533e;
}

.color5 {
    color: #333;
}

.color6 {
    color: #666;
}


.black, {
    color: black;
}


.white {
    color: white;
}





/******************************************************************************/

/*!     iv - Typography                                                       */

/******************************************************************************/





h1, h2, h3, h4, h5, h6 {
    color: black;
    font-weight: 500;
    margin: 0 0 15px 0;
}


.header {
    font-size: 1.8em;
    font-weight: 500;
}


    .phone {
        font-weight: 400;
    }
    
    
        .phone a {
            font-weight: 700;
        }
        
        
        
nav {
    font-size: 1.8em;
    font-weight: 500;    
}





.article {
    font-size: 1.6em;
    font-weight: 300;
}


    .article h1 {
        color: #b5121b;
        font-size: 1.5em; /* 24px */
        font-weight: 700;
    }


    .article h2 {
        font-size: 1.25em; /* 20px */
    }
    
    
    .article h3 {
        font-size: 1.125em; /* 18px */
    }
    
    
    .article .latest-news {
        font-size: 0.875em; /* 14px */
    }
    
    
    



.aside {
    font-size: 1.6em;
}






.footer {
    font-size: 1.4em;
}




a {
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}


a[href*='tel:'] {
    font-weight: 700;
}


a.read-more {
    color: black;
    display: inline-block;
    font-style: italic;
    font-weight: 700;
}





/******************************************************************************/

/*!     STRUCTURE START                                                       */

/*!     1. - Header                                                           */

/******************************************************************************/
	




.header {
    background: url(images/header.png) no-repeat right 35px;
    padding: 40px 0 0;
    position: relative;
    width: 100%;
}


    .logo {
        float: left;
        margin: 0 0 20px;
    }
    
    
    .phone {
        clear: left;
        float: left;
        margin: 0 0 20px;
    }
    
    
        .phone img {
            margin: 0 5px 0 0;
            vertical-align: -30%;
            width: 30px;
        }





/******************************************************************************/

/*!     2. - Menus                                                            */

/******************************************************************************/





.mobile-toggle {
    color: white;
    display: none;
    font-size: 20px;
    padding: 15px;
}


    .mobile-toggle img {
        vertical-align: -8%;
        width: 25px;
    }




nav {
    background: #b5121b;    
    clear: both;
    position: relative;
    z-index: 1;
}

nav img.fb {position:absolute; z-index: 99; right: 20px; top: 1px;}


    nav ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
    }


        nav li {
            float: left;
            position: relative;
            text-align: center;
        }


            nav li a {
                color: white;
                display: block;
                font-weight: 300;
                padding: 12px 16px;
				font-size: .9em;
                text-transform: capitalize;
                -webkit-transition: all 0.3s ease;
                   -moz-transition: all 0.3s ease;
                        transition: all 0.3s ease;
            }
            
            nav li a:hover {
                background: #c5533e;
                text-decoration: none;
            }
            
            
/*
            nav li > ul {
                background: #27488E;
                border-radius: 0 0 6px 6px;
                display: none;
                position: absolute; top: 100%; right: 50%;
                text-align: center;
                -webkit-transform: translateX(50%);
                   -moz-transform: translateX(50%);
                        transform: translateX(50%);
                white-space: nowrap;
                z-index: 1;
            }
            
            nav li:hover > ul {
                display: block;
            }
            
            
                nav ul ul > li {
                    width: 100%;
                }
*/




/******************************************************************************/

/*!     3. - Section                                                          */

/******************************************************************************/





.section {
    background: white;
    position: relative;
}


    .flexslider {
        overflow: hidden;
        position: relative;
        max-height: 300px;
    }




.sponsor .article, .contact .article {
    border-top: 1px solid black;
}







/******************************************************************************/

/*!     4. - Article                                                          */

/******************************************************************************/





.article {
    float: left;
    padding: 30px;
    width: 70%;
}

.full .article, .article.full {
    float: none;
    width: 100%;
}


    .content_left {
        float: left;
        width: 48%;
    }
    
    
    .content_right {
        float: right;
        width: 48%;
    }



    h1.page-title {
        margin: 0 0 30px;
    }
    
    
    .action-buttons {
        margin: 0 0 30px 0;
    }
    
    
        .action-button {
            float: left;
            margin: 0 2% 0 0;
            width: 32%;
        }
        
        .action-button.last {
            margin-right: 0;
        }
        
        
            .action-button_link {
                display: block;
                overflow: hidden;
                position: relative;        
            }
            
            .action-button_link:hover {
                text-decoration: none;
            }
            
            
                .action-title {
                    background: #333;
                    color: white;
                    margin: 0;
                    padding: 10px 15px;
                    position: relative;
                    z-index: 1;
                }
                
                .action-button:hover .action-title {
                    background: #666;
                }
                
                
                .action-image {
                   width: 100%;
                }
                
                .action-button:hover .action-image {
                    transform: scale(1.05);
                }   
        
        
        

    .latest-news {
        margin: 0 0 20px;
    }
        
        
        .post {
            background: #f0ece7;
            margin: 0 0 30px 0;
            padding: 15px;
        }
        
        .post.small-news {
            float: left;
            margin: 0 4% 0 0;
            width: 48%;
        }

        .post.small-news:nth-of-type(2n + 1) {
            margin-right: 0;
        }        
        
        
            .post .wp-post-image {
                float: left;
                margin: 0 15px 0 0;
            }
            
            .post.big-news .wp-post-image, .post-image {
                float: right;
                margin: 0 0 15px 20px;
            }
            
            
            .post-title {
                margin: 0 0 10px 0;
            }
            
            
        .latest-news .read-more.red {
            float: right;
        }
        
        
        .post > p:last-of-type { margin: 0; }
        
        
        
    .subscribe {
        border: 1px solid black;
        padding: 10px;
    }
    
    
        .subscribe_left {
            float: left;
            width: 55%;
        }
        
        
        .subscribe_right {
            float: right;
            width: 45%;
        }
    
    
    
        .subscribe-button {
            background: #b5121b;
            color: white;
            display: block;
            float: right;
            font-weight: 500;
            margin: 0 0 0 15px;
            padding: 8px 12px;
            text-transform: uppercase;
        }
        
        

.staff-box {
    padding: 20px 0 0 0;
}
        
        
    .staff-item {
        float: left;
        padding: 0 10px;
        text-align: center;
        width: 33.333%;
    }
    
    
        .staff-image {
            border: 5px solid #F0ECE7;
            border-radius: 100%;
        }
        
        
        .staff-name {
            color: #b5121b;
            font-weight: 700;
            margin: 10px 0;
        }
        
        
        .staff-position {
            color: black;
            display: block;
            font-size: 90%;
            font-weight: 400;
        }
    





/******************************************************************************/

/*!     5. - Aside                                                            */

/******************************************************************************/





.aside {
    float: right;
    padding: 30px;
    width: 30%;
}




/******************************************************************************/

/*!     6. - Footer                                                           */

/******************************************************************************/

.sponsor-links {
    text-align: center;
}

.sponsor-link {
    display: inline-block;
    height: 80px;
    margin: 0 0 8px;
    position: relative;
    width: 15%;
}


    .sponsor-image {
        margin: auto;
        max-height: 100%;
        max-width: 96%;
        position: absolute; top: 0; right: 2%; bottom: 0; left: 2%;
    }
    


.contact_left {
    float: left;
    width: 35%;
}


.contact_right {
    float: right;
    width: 61%;
}

    
    
    
ul.gform_fields {
    list-style-type: none;
    margin: 0;
    padding: 0;
}


    .contact .gfield_label, .contact-us .gfield_label {
        display: none;
    }
    
    
    .gfield textarea, .gfield input {
        width: 100%;
    }
    
    .gfield.col-4 {
        float: left;
        margin: 10px 2% 10px 0;
        padding: 0;
        width: 32%;
    }
    
    .gfield.col-4.last {
        margin-right: 0;
    }
    
    
    .gform_footer input[type="submit"] {
        border: none;
        color: white;
        cursor: pointer;
        float: right;
        font-size: 1em;
        font-weight: 500;
        padding: 8px 12px;
        text-align: center;
        text-transform: uppercase;
        width: 32%;
    }







.footer {
    background: #666;
    color: white;
	padding: 20px;    
	width: 100%;
}


    .footer-credits {
        float: left;
        width: 50%;
    }
    
    
    .footer-designed {
        float: right;
        text-align: right;
        width: 50%;        
    }