/*
 Theme Name:   Fanciers World Child Theme
 Theme URI:    https://fanciersworld.com/fanciersworld
 Description:  A Sela Child Theme
 Author:       Fanciers World
 Author URI:   https://fanciersworld.com
 Template:     sela
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags: light, pink, white, two-columns, right-sidebar, responsive-layout, custom-background, custom-header, custom-menu, featured-images,  full-width-template, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
 Text Domain:  fanciersworld
*/
/*--------------------------------------------------------------
Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
	font-weight: 400;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: 400;
}
.main-navigation ul ul a:hover,
.main-navigation ul ul > li.focus > a ,
a {
	color: #446DB2;
	text-decoration: none;
}

a:hover,
a:focus,
a:active {
	color: #5BC4C2;
	text-decoration: none;
}

:focus {
	outline: none;
}

cite {
	padding-left: 2em;
}

/*--------------------------------------------------------------
Navigation
--------------------------------------------------------------*/
.nav-menu > li > a:after {
	color: #3498db;
}
	
.main-navigation {
	background-color: #2980b9;
  
}

.menu-toggle:focus,
.menu-toggle {
	background-color: #2980b9;
  border: 1px solid #2980b9;
}

.home .sidebar-widget-area {
	padding: 3em 4.661%;
}

.popcontainer {
    margin: 0 55px 3em 55px;
    padding-top: 3em;
    border-top: 1px solid #ddd;
}

.poparchive {
    margin: 0 55px;
    padding: 3em 0;
    border-bottom: 1px solid #ddd;
}

.popmeta {
	font-family: "Droid Serif", Georgia, serif;
	font-size: 12px;
	font-size: 1.2rem;
	font-style: italic;
	margin-bottom: 1em;
	text-align: left;
}

.popmeta  a {
  color: #aaa;
}

.popmeta a:hover {
	color: #666;
}

.popmeta span {
  display: block;
  margin-right: 0;
}
  
.read-more a {
  font-size: 14px;
  text-decoration: none;
  color: #fff;
  padding: 7px 12px;
  border-radius: 5px;
  background: #2980b9;
}

.read-more a:hover {
  color:#ffffff;
  background: #5BC4BE;
}

.post:after {
  display: none;
}

.post-navigation {
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
  padding: 1.5em 0;
  margin-top: 0;
}

[class*="author-bio"]:after {
  clear: both;
}

.icon-facebook:before { 
	content: '\f204'; 
}
.icon-instagram:before { 
	content: '\f215'; 
}
.icon-twitter:before { 
	content: '\f202'; 
} 
.icon-gplus:before {
	content: '\f218'; 
}
.icon-bloglovin:before {
	content: '\f461'; 
}
.icon-pinterest:before {
	content: '\f209'; 
}
.icon-rss:before {
	content: '\f413'; 
}

.author-bio a:before,
.textwidget .social a:before {
	display: inline-block;
	font-family: 'Genericons';
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-transition: all 0.3s ease-out;
		 -moz-transition: all 0.3s ease-out;
			-ms-transition: all 0.3s ease-out;
			 -o-transition: all 0.3s ease-out;
					transition: all 0.3s ease-out;
	vertical-align: top;
	text-align: center;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	line-height: 1;
	text-decoration: inherit;
	text-transform: none;
	speak: none;
}
/*--------------------------------------------------------------
Layout
--------------------------------------------------------------*/
.site-branding {
  padding: 0;
  background-image: none !important;
}

.main-logo {
  width:1180px;
  height: 160px;
}

.content-none {
  padding: 3em 55px;
}

.hero-content-overlayer {
  display: none;
}

.hero-container {
  text-align: center;
  margin: 3em 0 0 4.661%
}
  
.featured-posts-title{
  margin: 0 0 0 4.661%;
}

.page-about {
  padding-left: 55px;
}

.about-content {
  clear: both;
  padding-top: 4em;
}

.grid-row .thumbnail {
  text-align: center;
}

.one-half {
  width: 47%;
  float: left;
  padding-left: 3%;
}
  
.first {
  clear: both;
  padding: 0 2.8% 0 0;
  border-right: 1px solid #ddd;
}

.grid-row .entry-title
{
  color: #5BC4BE;
  font-family: "Source Sans Pro", Arial, sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
}

.grid-row .entry-content
{
  margin: 0.75em 0;
}

.author-bio {
  padding: 15px 3.5% 5px 3.5%;
  margin: 48px 0 0 0;
  border: 1px solid #DBDBDB;
  border-radius: 6px;
  overflow: hidden;
}

.author-avatar {
  float: left;
  width: 120px;
  height: 120px;
  border-radius: 42px;
  position: relative;
  top: 11px
}

.author-bio h4 {
  margin: 0 0 0 156px;
  padding: 0 0 10px 0;
  clear: none;
}

.author-bio p {
  margin: 0 0 12px 156px;
}

.author-bio a {
  margin: 2px;
}

.author-bio a:hover:before {
  color: #ddd;
}

.thumbnail img,
.about-image,
.avatar {
	-webkit-border-radius: 50%;
	   -moz-border-radius: 50%;
			border-radius: 50%;
  -webkit-transition: all 0.2s ease-out;
}
.thumbnail img:hover,
.about-image:hover,
.avatar:hover {
	-webkit-border-radius: 0;
	   -moz-border-radius: 0;
			border-radius: 0;
  -webkit-transition: all 0.2s ease-out;
}

.author-bio .icon-facebook:before { 
	color: #3b5998;
}
.author-bio .icon-instagram:before { 
	color: #125688;
}
.author-bio .icon-twitter:before { 
	color: #44ccf6;
} 
.author-bio .icon-gplus:before {
	color: #db4437;
}
.author-bio .icon-bloglovin:before {
	color: #f25f70;
}
.author-bio .icon-pinterest:before {
	color: #cb2027;
}
.author-bio .icon-rss:before {
	color: #f88b02;
}
.author-bio a:before {
	font-size: 25px;
}

.messagebox {
  border: 1px solid #DBDBDB;
  padding: 3.5%;
  border-radius: 6px;
  margin: 5% 5% 5% 0;
  background-color: #f0f0f0;
}

.messagebox p{
  line-height: 2;
}

.messagebox-title{
  border-bottom: 3px solid #5BC4BE;
  padding-bottom: 12px;
  color: #5BC4BE !important;
}

/*--------------------------------------------------------------
Form
--------------------------------------------------------------*/
.page-content .search-field {
  width: 50%
}

input[type="text"],
input[type="email"],
input[type="password"],
input[type="search"],
input[type="url"] ,
textarea  {
  background-color: #f0f0f0;
  border: 1px solid #dadada;
  color: #586470;
  width: 97%;
  border-radius:5px;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
 }

input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="url"]:focus ,
textarea:focus {
	border: 1px solid #dadada;
  outline:none;
  background:#fff;
}

button, 
input[type="button"], 
input[type="reset"], 
input[type="submit"], 
#infinite-handle span
 {
  color: #fff;
  background: #5BC4BE;
  border: 1px solid #5BC4BE;
  width:auto;
	-webkit-box-shadow: none;
	   -moz-box-shadow: none;
			box-shadow: none;
}

button:hover,
html input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
#infinite-handle span:hover {
  color:#ffffff;
  border: 1px solid #2980b9;
  background: #2980b9;
}

button:focus,
html input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
#infinite-handle span:focus,
html input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active,
#infinite-handle span:active  {
  outline: none;
  color: #fff;
  background: #5BC4BE;
  border: 1px solid #5BC4BE;
}

/*--------------------------------------------------------------
Sidebar
--------------------------------------------------------------*/
#search-form  .search-field {
  padding-left: 2em;
}

.widget_search .search-field {
	width: 100%;
}

#search-form input:focus {
  border: 1px solid #dadada;
  outline:none;
  background:#fff;
}

.search-wrap .genericon {
  position: absolute;
  margin-left: 0.3em;
  margin-top: 0.4em;
  z-index: 1;
  color: #4f5b66;
}

.search-wrap .genericon-search{
	font-size: 20px;
	vertical-align: top;
	text-align: center;
	-moz-transition: color .1s ease-in 0;
	-webkit-transition: color .1s ease-in 0;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	speak: none;
}

.aboutus h5 {
  font-weight: bold;
  margin-bottom: 0;
}

.textwidget {
	text-align: center;
}
.textwidget .social-links ul li {
	border-top: none;
}

.social-links ul a[href*='bloglovin.com']:before {
    content: '\f461';
}
.social .icon-facebook:before { 
	content: '\f204'; 
	background-color: #3b5998 !important;
}
.social .icon-instagram:before { 
	content: '\f215'; 
	background-color: #125688 !important;
}
.social .icon-twitter:before { 
	content: '\f202'; 
	background-color: #44ccf6 !important;
} 
.social .icon-gplus:before {
	content: '\f218'; 
	background-color: #db4437 !important;
}
.social .icon-bloglovin:before {
	content: '\f461'; 
	background-color: #f25f70 !important;
}
.social .icon-pinterest:before {
	content: '\f209'; 
	background-color: #cb2027 !important;
}
.social .icon-rss:before {
	content: '\f413'; 
	background-color: #f88b02 !important;
}
.textwidget .social a {
	display: inline-block;
	margin: 1px;
}

.textwidget .social a:before {
	padding: 6px;
	border-radius: 2px;
	font-size: 18px;
	color: #ffffff;
	background-color: #db4437;
}
.textwidget .social a:hover {
	text-decoration: none;
}
.textwidget .social a:hover:before {
	opacity: 0.75;
	text-decoration: none;
	-webkit-transition: all 0.1s ease-in-out;
	   -moz-transition: all 0.1s ease-in-out;
		 -o-transition: all 0.1s ease-in-out;
			transition: all 0.1s ease-in-out;
}

ul.posts-list li {
  min-height: 82px;
  padding: 12px 0 5px 0;
  border-top: 1px solid #ddd !important;
}

ul.posts-list li a.thumbnail {
  float: left;
  width: 75px;
  height: 75px;
  margin: 0 12px 10px 0;
}

.post-title {
  font-size: 16px;
}

#store-list {
    list-style: none;
    margin-left: 0;
    text-transform: uppercase;
    text-align: center;
}

#store-list li {
    border-top: none !important;
    padding: 0px !important;
}

/*--------------------------------------------------------------
Comments
--------------------------------------------------------------*/

.comments-title {
border-bottom: 3px solid #5BC4BE;
padding-bottom: 12px;
color: #5BC4BE;
}

.comment-content {
  margin-left: 93px;
}

.comment-author .avatar {
	margin-right: 18px;
}

h3#reply-title {
border-bottom: 3px solid #5BC4BE;
padding-bottom: 12px;
color: #5BC4BE !important;
}

#respond label {
	font-weight: bold;
}

.comm-txt {
  background-color:#f0f0f0;
  border:1px solid #dadada !important;
  color:#586470;
}

.required {
	color: #f25f70;
	font-size: 115%;
}

#respond input.txt,
.wpcf7-text, 
.wpcf7-textarea  {
  margin-top: 6px;
 }

#respond .form-submit input {
  margin:20px 0 0;
}
/*--------------------------------------------------------------
Page Templates
--------------------------------------------------------------*/
.archive .simple-grid {
	float: none;
	margin: 0 auto;
	max-width: 334px;
}
.simple-grid .entry-thumbnail img {
	display: block;
}
.simple-grid .entry-header {
	margin: 1.5em 0;
	padding: 0;
}

.simple-grid .entry-title {
	font-size: 1em;
}

/*--------------------------------------------------------------
Footer
--------------------------------------------------------------*/
.site-footer {
	padding: 24px 34px 24px 34px;
}
.social-links {
	text-align: left;
	float: left;
	margin: 0;
}
.social-links ul a[href*="plus.google.com"]:before {
	content: "\f218";
}
.copyright {
	margin: 0 12px 0 0;
	float: right;
	text-align: center;
}

.footer-navigation {
	display: inline-block;
	float: right;
}

.footer-navigation li {
	display: inline-block;
	margin: 0 15px 0 0;
	padding: 0 
}
/*--------------------------------------------------------------
Shopping List
--------------------------------------------------------------*/
.shopping-list {
  margin: 0 auto;
  overflow: auto;
}
.shopping-list ul {
  list-style-type: none;
}
 
.shopping-list li {
  display: inline-block;
}
 
.shopping-list li img {
  float: left;
  margin: 5px;
 -moz-transition: all 0.2s ease-in-out;
 -webkit-transition: all 0.2s ease-in-out;
 transition: all 0.2s ease-in-out;
}

/*--------------------------------------------------------------
Gallery
--------------------------------------------------------------*/
.fw-gallery {
  float: none;
  line-height: 0;
  display: block;
  margin: 0 0px 2em 0;
  clear: both;
}

.fw-gallery-columns-2, .fw-gallery-columns-3, .fw-gallery-columns-4 {
    width: 100%;
}

.fw-gallery.fw-gallery-columns-2 .fw-gallery-item:first-child {
    margin-right: 0;
}

.fw-gallery.fw-gallery-columns-2 .fw-gallery-item {
    width: 48.5%;
}

.fw-gallery .fw-gallery-item {
    display: inline-block;
    width: 100%;
    padding: 0 1px 1px 0;
    margin: 0;
    -moz-transition: opacity 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition: opacity 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
    -webkit-transition: opacity 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: opacity 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
}

/*--------------------------------------------------------------
Media Queries
--------------------------------------------------------------*/
@media screen and (min-width: 525px) {
	/* Gallery */
  .fw-gallery-columns-2, .fw-gallery-columns-3, .fw-gallery-columns-4 {
      width: 98%;
  }

  .fw-gallery.fw-gallery-columns-2 .fw-gallery-item:first-child {
      margin-right: 1%;
  }
}

@media screen and (max-width: 525px) {
	/* Gallery */
  .fw-gallery.fw-gallery-columns-2 .fw-gallery-item, .fw-gallery.fw-gallery-columns-3 .fw-gallery-item {
    display: block;
    float: none;
    width: 100% !important;
  }

  .fw-gallery.fw-gallery-columns-2 .fw-gallery-item:first-child {
      margin-bottom: 1em;
  }
}

@media screen and (min-width: 600px) {
	/* Grid Page */
	.archive .simple-grid {
		border-bottom: 0;
		float: left;
		max-width: 100%;
		width: 47%;
	}
	.simple-grid:nth-child(even) {
    clear: both;
    margin-right: 3%;
	}

	.simple-grid:nth-child(odd) {
    margin-left: 3%;
	}
}

@media screen and (max-width: 600px) {
  .popcontainer {
    margin: 0 4.661% 3em 4.661%;
  }

  .poparchive {
    margin: 0 4.661%;
  }

  .one-half {
    width: 94%;
    float: none;
    border: none;
    border-bottom: 1px solid #ddd;
    padding: 2em 3%;
  }
}

@media screen and (max-width: 768px) {
  .main-navigation ul ul a:hover,
  .main-navigation ul ul > li.focus > a  {
    color: #4f4f4f;
    text-decoration: none;
  }
}

@media screen and (min-width: 850px) {
  .sidebar-widget-area {
    float: right;
    margin: 0;
    width: 25%;
  }

  .home .sidebar-widget-area {
    padding: 3em 4.661%;
  }

  .popcontainer,
  .hero-container,
  .featured-posts-title{
    width: 60%;
    float: left;
  }
  .popcontainer {
    margin: 0 0 3em 4.661%;
  }
}

@media screen and 
(min-width: 600px) 
and (max-width: 850px) {
  .featured-posts-title{
    margin: 0 0 0 55px;
  }
}

@media screen and (max-width: 850px) {
  .no-results #search-form,
  .hero-container  {
    display: none;
  }
  
  .hero-content-overlayer {
    height: 100%;
    overflow: auto;
    position: static;
    top: auto;
    display: block;
  }

  .hero-content-overlayer  .page{
    box-shadow: none;
    border: none;
  }

}

@media screen and ( max-width : 868px ) {
	.social-links {
		text-align: center;
		float: none;
		clear: both;
		margin: 0 auto 1.5em;
	}
	.footer-navigation {
		width: 100%;
		float: none;
		text-align: center;
	}
	.copyright {
		width: 100%;
		float: none;
		text-align: center;
	}
}

@media screen and (min-width: 1180px) {
  .home .sidebar-widget-area {
    padding: 3em 55px 0 0;
    width: 265px;
  }

  .popcontainer, 
  .hero-container,
  .featured-posts-title  {
    width: 700px;
    float: left;
  }
  
  .page-about .content-area {
    width: 765px;
  }

  .author-bio {
    margin: 48px 20px 0 146px;
  }
  
	/* Grid Page */
	.archive .simple-grid {
		width: 300px;
		max-width: 100%;
		margin: 0 55px 0 0;
	}
  
	.blog .category-fashion > .entry-header,
	.single .category-fashion > .entry-header,
	.archive .category-fashion > .entry-header,
	.search .category-fashion > .entry-header {
		margin-left: 146px;
	}
}