/**
 * Theme Name: Customizr Child
 * Template: customizr
 * Theme URI: http://www.themesandco.com/customizr
 * Description:  Enjoy designing a beautiful website live with the WP customizer : select skin, logo, social profiles, sliders, layout, home featured blocks, or even live css styling. The flat and fully responsive design can be used for small businesses, portfolios, blogs, corporate sites or landing pages. Built with valid HTML5 and CSS3 (from the Twitter Bootstrap), cross-browser tested, the theme is translation ready and available in 15 languages. Ready for WooCommerce, bbPress, qTranslate, the code is easily extensible with a comprehensive API of hooks.
 * Version: 3.1.6
 * Author: nikeo
 * Author URI: http://www.themesandco.com/
 * Tags: gray, white, light, blue, red, yellow, green, purple, orange, black, one-column, two-columns, three-columns, left-sidebar, right-sidebar, fluid-layout, responsive-layout, custom-menu, featured-images, full-width-template, theme-options, threaded-comments, translation-ready, sticky-post, post-formats, rtl-language-support, editor-style
 * Text Domain: customizr
 * Copyright: (c) 2013 Nicolas GUILLAUME (nikeo), Nice, France
 * License: GNU General Public License v2.0 or later
 * License URI: http://www.gnu.org/licenses/gpl-2.0.html
 */


/*
 *Green Skin Color
 * color:#9db668;
*/

/***Hide breadcrumbs***/
.breadcrumbs { 
display:none;
}
.breadcrumb { 
display:none;
}

/*******Footer Text Hover***********/
footer#footer p:hover,
footer#footer a:hover {
  color: #768d44;
}

/****Remove Icon before Page and Post Tiltle****/
.format-icon:before {
  display:none;
}

/*front page text style*/
.front_page_text{
  font-size: 18px;
  color: #daa520;
  text-align: justify;
  line-height: 1.6;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}


/*---adjustment of offsets for 4 featured pages----*/
/*hover effect*/

.thumb-wrapper {
  width: 220px;
  max-width: 100%;
  height: 220px;
  position: relative;
  left: 0px;
  top: 0px;
  display: block;
  overflow: hidden;
  text-align: center;
  margin: auto;
}

/*max screen width*/

 .round-div {
  display: block;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  position: absolute;
  width: 156px;
  height: 156px;
  z-index: 99;
  -webkit-border-radius: 60px;
  -moz-border-radius: 500px;
  border-radius: 900px;			
  border: 104px solid #fafafa;	
  border-image: none;
  top: -72px;	
  left: -72px;
}

/*smallest screen width*/

@media (max-width: 979px){
.widget-front .thumb-wrapper {
    height: 201px;
    width: 201px;
    max-width: none;
    margin-top:20px;
  }
  .widget-front .round-div {
    width: 150px;
    height: 150px;
    border: 94px solid #fafafa;
    top: -69px;
    left: -69px;
  }
    .thumb-wrapper img {
    max-width: 236px;
    right: 18px;
    top: -15px;
    position: relative;
  }
}

/*intermediate screen width*/

@media (min-width: 768px) and (max-width: 979px) {
.widget-front .thumb-wrapper {
    height: 166px;
    width: 166px;
    max-width: none;
  }
  .widget-front .round-div {
    width: 126px;
    height: 126px;
    border: 94px solid #fafafa;
    top: -74px;
    left: -74px;
  }
   .thumb-wrapper img {
    max-width: 236px;
    right: 35px;
    top: -32px;
    position: relative;
  }
  .thumb-wrapper {
    height: 166px;
    width: 166px;
  }
  .round-div {
    width: 126px;
    height: 126px;
    border: 94px solid #fafafa;
    top: -74px;
    left: -74px;
  }
}





/*
  border-radius				=int[min(spanprintf('$span_array[$fp_per_row]')->width, .thumb-wrapper->width)/sqrt(2)]
  border 					=int[.thumb-wrapper->width)/sqrt(2)-.round-div->width/2]
  This is the minimum border thickness required for complete inner circle; inner circle radius cannot be decreased further
  by increasing border thickness. Increasing border thickness would only offset the round-div.
<-----Offset adjustment to center the round-div------->
  top						=int[(.thumb-wrapper->width-.round-div->width)/2 - border]
*/