/*
Theme Name:  QUOTOPIA
Theme URI:   http://www.quotopia.com
Version:     1.0
Description: Child theme created for Quotopia.
Author:      quotopia
Author URI:  http://www.quotopia.com
Template:    Divi
*/


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


/***********************************************************************
Caution: do not remove this to keep Divi Children Engine always updated 
Divi Children Engine version: 1.0.0
***********************************************************************/

/*------------------------------[FONT ICONS]-----------------------------*/
/*--[Created by Divi Children, http://divi4u.com/divi-children-plugin/]--*/
/*-----------------------------------------------------------------------*/

.icon_tags, .icon_profile, .icon_chat, .icon_clipboard, .icon_calendar {
	font-family: 'ETmodules';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 16px;
	color: #318EC3;
}
.icon_tags:before {
	content: "\e07c";
	padding: 0px 5px 0 0;
}
.icon_profile:before {
	content: "\e08a";
	padding: 0 5px 0 0;
}
.icon_chat:before {
	content: "\e066";
	padding: 0 5px 0 20px;
}
.icon_clipboard:before {
	content: "\e0e6";
	padding: 0 5px 0 20px;
}
.icon_calendar:before {
	content: "\e023";
	padding: 0 5px 0 20px;
}

/*- YOU CAN INCLUDE THE CUSTOM CODE FOR YOUR CHILD THEME BELOW THIS LINE-*/


/*------------------------------------------------*/
/*-----------------[ADJUST SPACINGS]--------------*/
/*------------------------------------------------*/

/*Remove padding at the top of the header*/
#main-header{
	padding: 0px;
}
.et_header_style_centered #logo {
    padding: 0px 0px 8px 0px;
}

.searchstyle .et_pb_bg_layout_dark > p , .searchstyle .et_pb_row, #banner .et_pb_row{
    padding-bottom: 2px;
    padding-top: 2px;
}

#banner .et_pb_text{
margin-bottom:0px;
}

#banner .et_pb_column {
    padding: 5px;
}

#tfheader #tfheader #tfnewsearch {
    padding: 0px;
}

/*Remove padding of homepage section*/
#main-content, .et_pb_section {
    padding:0px;
}

/*Remove spacing of the bottom of the page*/
#main-content .container {
min-height:0px;
padding-top: 20px;
}
.home #main-content .container{
min-height: 0px;
}
#et-main-area #main-content .container {
    min-height: 0px;
}

/*Remove margin for share buttons*/
.format-quote .entry-content {
    padding-top: 0px;
}
.us_posts_bottom {
    margin-top: 0px;
}


/*Adjust searchbox */

.tfbutton {
    padding: 11px 15px;
    display: block;
    float: left;
    height:42px;
}

#tfheader input.tftextinput {
    display: block;
    float: left;
    width: 510px;
}

#tfheader #tfnewsearch {
    width: 600px;
    float: none;
    height: 30px;
    margin: auto;
    display: block;
    padding:0px;
}

.searchstyle .et_pb_column {
    padding-bottom: 20px;
}

/*------------------------------------------------*/
/*-----------------[BLOCKQUOTE]--------------*/
/*------------------------------------------------*/


blockquote { 
width: 94%; 
/*padding-left: 55px !important; */
line-height: 18px; 
color: #575757; 
}

blockquote p:before
{
color: white;
content: '\201C';
font-family: serif;
font-weight: bold;
margin-right: 5px;
font-size: 80px;
display: inline;
vertical-align: middle;
}
blockquote p:after {
   position:relative;
   top:25px;
   color : white;
   content: '\201D';
   font-family: serif;
   font-weight: bold;
   margin-left: 5px;
   font-size: 80px;
   line-height :0px;
   /*display: inline;*/
  /* vertical-align: middle;*/
}

@media screen and ( max-width: 782px ) {
	blockquote p:before,blockquote p:after
	{
		font-size: 60px;
	}
}

/*blockquote p { 
 line-height: 80px;
 bottom right no-repeat; padding-bottom: 15px; color: #333; font-size: 13px; 
}*/

.et_quote_content .quote_citation p{
      color: white;
      font-size: 18px;
      display: block;
      text-align : center;	
      padding-top:20px;
}
 
.et_quote_content .quote_citation p:before {
content: "\2014 \2009";
}
#main-content .container{
	min-height : 600px;
}

.et_quote_content
{
	/*max-height : 247px;*/
}

.us_posts_bottom{
	margin-top : 19px !important;	
}

#navigation{
 display:table;
 width : 100%; 
 margin-bottom : 5px;
 height : 42px;
 background-color : #b5b7a9;
}
#navigation div{
  display:table-cell; 
  vertical-align:middle;

}


#navigation .prev
{
      text-align : left;
      width : 25%;
}

#navigation .category_main
{
  text-align : center;
  width : 50%;
text-decoration : underline;
}

#navigation .next
{
  text-align : right;
  width : 25%;
}

/*-------------------[320px]------------------*/
@media only screen and ( max-width: 479px ) {

#navigation div span a {
	display:block;
}

}

#navigation div a{
  color : black;
  font-weight : bold;
}

.divquote{
  
} 




/*------------------------------------------------*/
/*-----------------[BASIC STYLES]-----------------*/
/*------------------------------------------------*/



/*------------------------------------------------*/
/*---------------[MAIN LAYOUT INFO]---------------*/
/*------------------------------------------------*/



/*------------------------------------------------*/
/*---------------[DROPDOWN MENU]------------------*/
/*------------------------------------------------*/



/*------------------------------------------------*/
/*-------------------[COMMENTS]-------------------*/
/*------------------------------------------------*/



/*------------------------------------------------*/
/*---------------------[FOOTER]-------------------*/
/*------------------------------------------------*/



/*------------------------------------------------*/
/*--------------------[SIDEBAR]-------------------*/
/*------------------------------------------------*/



/*------------------------------------------------*/
/*------------[CAPTIONS AND ALIGNMENTS]-----------*/
/*------------------------------------------------*/



/*------------------------------------------------*/
/*-----------------[WP CALENDAR]------------------*/
/*------------------------------------------------*/



/*------------------------------------------------*/
/*-------------------[PAGE NAVI]------------------*/
/*------------------------------------------------*/



/*------------------------------------------------*/
/*------------------[TRANSITIONS]-----------------*/
/*------------------------------------------------*/



/*------------------------------------------------*/
/*---------------[RESPONSIVE LAYOUTS]-------------*/
/*------------------------------------------------*/

@media only screen and ( min-width: 981px ) {

}

/*-------------------[960px]------------------*/
@media only screen and ( min-width: 981px ) and ( max-width: 1100px ) {

	/*-------------------[Sliders]------------------*/

	/*-------------------[Portfolio]------------------*/

	/*-------------------[Sidebar]------------------*/
	
	/*-------------------[Menu]------------------*/
#et-top-navigation {
    top: -5px;
    position: relative;
}

#main-header #et_mobile_nav_menu {
    margin-top: 0px;
}

.et_header_style_centered .et_mobile_menu {
    top: 33px;
}
}

/*-------------------[768px]------------------*/
@media only screen and ( max-width: 980px ) {

#et-top-navigation {
    top: -5px;
    position: relative;
}

#main-header #et_mobile_nav_menu {
    margin-top: 0px;
}

.et_header_style_centered .et_mobile_menu {
    top: 33px;
}

	/*-------------------[Portfolio]------------------*/
	
	/*-------------------[Sliders]------------------*/
	
	/*-------------------[Menu]------------------*/

#sidebar,.et_left_sidebar #left-area,.et_right_sidebar #left-area{
padding-top: 20px;
margin:0px;
}



#sidebar .left-sidebar{
padding: 15px 15px 15px 0px;
}

#sidebar .right-sidebar{
padding: 15px 0px 15px 15px;
}

.et_left_sidebar #sidebar {
	float:right;
	width:17.5%;
}

.et_right_sidebar #sidebar{
	float:left;
	width:18.5%;

}

.et_left_sidebar #left-area{
	float:right;
	width:80%;
	border-left: lightgray solid 1px;
}

.et_right_sidebar #left-area{
	float:left;
	width:80%;
	border-right: lightgray solid 1px;
}

.et_right_sidebar #left-area article {
    margin-right: 20px;
}

.et_left_sidebar #left-area article {
    margin-left: 20px;
}

}

@media only screen and ( min-width: 768px ) and ( max-width: 980px ) {



}

@media screen and ( max-width: 782px ) {


#banner .et_pb_column {
    padding: 0px;
}

#textmod1 #tfheader input.tftextinput {
    width: 350px;
}

#tfheader #tfnewsearch {
    width: 450px;
}

}

/*-------------------[480px]------------------*/
@media only screen and ( max-width: 767px ) {


#tfheader #tfnewsearch {
    width: 300px;
}


#textmod1 #tfheader input.tftextinput {
    width: 200px;
}


#main-content .container{
	width:95%;
    	padding-top: 0px;
}

/*-------------------[Menu]------------------*/

}

/*-------------------[320px]------------------*/
@media only screen and ( max-width: 479px ) {


#tfheader #tfnewsearch {
    width: 250px;
}

#textmod1 #tfheader input.tftextinput {
    width: 150px;
}

.et_left_sidebar #left-area,.et_right_sidebar #left-area{
	width:100%;
	border:none;
	padding-top: 5px;
}

.et_left_sidebar #sidebar,.et_right_sidebar #sidebar {
	float:none;
	width:100%;
}

.et_right_sidebar #left-area article,.et_left_sidebar #left-area article {
    margin: 0px;
}

}