/*
Theme Name: Bootstrap Basic -  Frangiulia
Description: Bootstrap v.3 basic theme for developers to build their new theme very fast and easy.
Version: 1.0.5

*/


/*
Required WordPress CSS
*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}
.bypostauthor {
}
.gallery-caption {
}
.sticky {
}
.wp-caption {
	border: 1px solid #ccc;
	margin-bottom: 1.5em;
	max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 1.2% auto 0;
	max-width: 98%;
}
.wp-caption-text {
	text-align: center;
}
.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}



@media screen and (min-width: 0px) and (max-width: 1200px) {

    .logo_top {
        text-align: center !important;
    }

}


@media screen and (min-width: 0px) and (max-width: 1200px) {

    .contact_icons {
        width: 7% !Important;
        text-align: center !Important;
        float: none !Important;
    }

    .center_icons {
        text-align: center !Important;
    }

    .text_icon {
        text-align: center !Important;
    }

    .logo_center {
        text-align: center !Important;
    }

    .float_none {
        float:none !Important;
    }

    .top_links {
        font-size: 17px !important;
        line-height: 32px !important;
        font-family: 'Quicksand' !important;
        font-weight: 400 !important;
        padding-left: 15px !important;
        padding-right: 15px !important;
        text-align: center !important;
        margin-top: 20px !important;
        background-color: #1f190a !important;
        float:none !important;
        color:#FFF !important;
    }

    .top_margin {
        margin-top: -22px !important;
    }

    .stripedbckgndtop {

        background-image: url(/Frang/wp-content/images/striped_bckgnd02.jpg)!Important;
        background-repeat: repeat !Important;
    }

    .text_icon02 {
        text-align: center !Important;
    }

    .p_contact {

        text-align: center !important;
    }


}


@media screen and (min-width: 0px) and (max-width: 625px) {

    .logo_resize {
        width: 75% !Important;

    }



}

@media screen and (min-width: 0px) and (max-width: 400px) {

    .logo_resize {
        width: 100% !Important;
        margin-bottom: 12px;

    }

    .quotetext {

        font-size: 37px !Important;
        line-height: 54px !Important;

    }


    .footerresize {

        margin-top: -3px !important;

    }

    .contact_icons {
        width: 25% !Important;

    }

    p {

        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .quotetext02 {

        margin-top: 40% !Important;

    }
}



@media screen and (min-width: 0px) and (max-width: 992px) {

    .social_icons {
        width: 7% !Important;

    }



}


@media screen and (min-width: 0px) and (max-width: 320px) {

    .logo_top {
        text-align: center !important;
    }

}



@media screen and (min-width: 0px) and (max-width: 430px) {

    .texttop {
        font-size: 50px;
        line-height: 58px;
    }

}



@media screen and (min-width: 0px) and (max-width: 430px) {

    .button {
        width:100% !important
    }

}


@media screen and (min-width: 0px) and (max-width: 430px) {

    .circlepadding {
        float: none !important
    }

}




@media screen and (min-width: 0px) and (max-width: 728px) {

    .backgroundtop {
        background-image: url(/Frang/wp-content/images/trees_bckgnd_728_08.jpg)!important;
    }

    .backgroundtop02 {
        background-image: url(/Frang/wp-content/images/olives02_bckgnd_728_08.jpg)!important;
    }

}



@media screen and (min-width: 0px) and (max-width: 1200px) {

    .banner {
        display: none !important;
    }

}



@media screen and (min-width: 0px) and (max-width: 1200px) {

    .midtext {
        text-align: center !important;
    }

}

@media screen and (min-width: 0px) and (max-width: 470px) {




    .hfont {
        font-size: 31px;
        line-height: 39px;
    }
}



.quotetext {

    text-transform: none;
    font-family: 'Homemade Apple' !important;
    margin-top: 20%;
    margin-bottom: 20%;
    font-size: 42px;


}

.quotetext02 {

    text-transform: none;
    font-family: 'Homemade Apple' !important;
    margin-top: 14%;
    margin-bottom: 14%;
    font-size: 42px;


}


.gallery {

    margin-top: 25px !important;
    margin-bottom: 25px !important;


}


.stripedbckgndtop {

    background-image: url(/Frang/wp-content/images/striped_bckgnd.jpg);
    background-repeat: repeat;


}


.stripedbckgnd {

    background-image: url(/Frang/wp-content/images/striped_bckgnd.jpg)!Important;
    background-repeat: repeat !Important;
    height:50px;

}

.stripedbckgnd02 {

    background-image: url(/Frang/wp-content/images/striped_bckgnd02.jpg)!Important;
    background-repeat: repeat !Important;
    height:50px;

}

input, textarea{
    width:100%;
}

.p_contact, input, textarea{

    font-size: 14px;
    line-height: 20px;
    font-family: 'Quicksand' !important;
    font-weight: 400;
    padding-left: 15px;
    padding-right: 15px;
    text-align: left;


}

 input[type="submit"]{
    background-color: #98955a;color: #FFF;
}

.contact_icons {

    float: left;
    margin-left: 15px;
    margin-right: 15px;



}

.top_links {

    font-size: 16px !important;
    line-height: 10px;
    font-family: 'Quicksand' !important;
    font-weight: 400;
    padding-left: 15px;
    padding-right: 15px;
    text-align: center;
    float: left;
    margin-top: 30px;
    color: #FFF;

}


.footer_text {

    color: #FFF !important;
    font-size: 12px !important;
    margin-top: -30px;
    padding-bottom: 50px !important;

}


.nonhighlight {

    color: #70733e !important;
    text-decoration: none !important;

}


.outline, input, textarea {

    outline: solid 2px #735749;
    padding: 9px;



}



.container 	{

    /*  background-color: #FFF !important; */
    padding-right: 30px !important;
    padding-left: 30px !important;

}







.watchtext {

    font-family: 'Fjalla One', serif !important;
    font-size: 45px !important;

    line-height: 39px !important;

    font-weight:900;
    text-transform: uppercase;
    color: #FF2114;
    /*background-color:#daf4fd;*/
    padding-top: 15px;
    padding-bottom: 15px;

}

.footertext {

    font-size: 12px !important;
    line-height: 14px;
    color: #4d4d4f;
    font-family: 'Bree Serif' !important;
    font-weight: 400;
    padding-left: 30px;
    padding-right: 30px;

}

h1 {

    font-family: 'Fjalla One', serif;
    font-size: 70px;
    color: #FFF;
    padding-top: 6px;
    text-transform: uppercase;
    line-height: 81px;
    margin-top: 66px;
    text-align: center;
    font-weight: 100;

}



h2 {

    font-family: 'Quicksand' !important;
    font-size: 32px!important;
    color: #70733e !important;
    line-height: 30px !important;
    font-weight: 400 !important;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
    text-transform: uppercase;



}



.smalllist {

    font-size: 10px;!important;
    line-height: 8px;!important;

}





p {

    font-size: 16px;
    line-height: 38px;
    font-family: 'Quicksand' !important;
    font-weight: 400;
    padding-left: 15px;
    padding-right: 15px;
    text-align: center;

}


a:link {

    color: #98955a;

}

a:visited {

    color: #98955a;

}

a:hover {

    color:#98955a;
    text-decoration:none;

}

a:active {

    color: #98955a;

}


#toTop{
    position: fixed;
    bottom: 50%;
    right: 1%;
    cursor: pointer;
    display: none;
    /* Safari 3-4, iOS 1-3.2, Android 1.6- */
    -webkit-border-radius: 100px;
    /* Firefox 1-3.6 */
    -moz-border-radius: 100px;
    /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
    border-radius: 100px;
}

.btn-top{
    background-color: rgba(182, 156, 115, 0.48);
    border: none;
    color: #1F190A;
    padding: 12px;

}

.btn-top:hover{
    background-color: rgba(119, 118, 60, 0.44);
    border: none;
    color: #000;
}

#toTop .fa {margin: 5px;
    font-size: 20px;
    font-weight: 600;
}