/*
Theme Name:         Ruby Plum
Description:        A child theme for the Customizr WordPress theme by Amanda Brent for Ruby Plum Catering.

Customizr Author:   Nicolas Guillaume (nikeo)
Author URI:         http://themesandco.com
Theme URI:          http://themesandco.com/customizr
Template:           customizr
Version:            1.0.0
*/

/* Your awesome customizations start right here !
-------------------------------------------------------------- 

INDEX:
  01. Responsive Functions
  02. Slider
  03. Featured Pages
  04. Header
  05. Body
  06. Footer
  07. Dropdown Menu
  08. Pages
  08.1 Galleries
  09. Posts
  09.1 Post Meta
  09.2 Comments
  10. Sidebars  

*/

/*
  01. Responsive Functions
*/

add_action('wp_footer', 'mobilemenu_dropdown_on_click', 100);
function mobilemenu_dropdown_on_click(){
    //do nothing if dropdown on click already set in customizr settings
    if ( 'click' == esc_attr( tc__f('__get_option', 'tc_menu_type') ) )
        return;
?>
    <script type='text/javascript'>
        jQuery(document).ready(function () {
            !function ($) {
                //prevents js conflicts
                "use strict";
    
                $(window).on("load", function () {
                    
                    var $navcollapse_resp=$('.tc-header .navbar.resp .nav-collapse.collapse.tc-hover-menu-wrapper'),
                        $nav = $navcollapse_resp.find('.nav.tc-hover-menu'),
                        $items_with_children = $nav.find('.menu-item-has-children > a');
                    
                        // remove tc-hover classes
                    $navcollapse_resp.removeClass('tc-hover-menu-wrapper');
                    $nav.removeClass('tc-hover-menu');
                        
                    //add dropdown on click action for each menu item with children
                    $items_with_children.each( function() {
                        $(this).addClass("dropdown-toggle");
                        $(this).attr("data-toggle","dropdown");
                        $(this).attr("data","#dropdown");
                        $(this).attr("target",'#');
                    });
                });       
            }(window.jQuery);
        });
   </script>
<?php
}


/*
  02. Slider
*/

/* Make Carousel fade - adapt 2s to required delay */
.carousel-inner > .item {
-webkit-transition: opacity 2s ease-in-out ;
transition:         opacity 2s ease-in-out ;
}
.carousel-inner > .next.left,
.carousel-inner > .prev.right {
opacity:        1;
z-index:        1;
left:           0;
}
.carousel-inner > .active.left {
opacity:        0;
z-index:        2;
left:           0;
}
.carousel-inner > .active.right {
opacity:        0;
z-index:        2;
left:           0;
}
 
.home .carousel-control {
display:        none ;
}
	
.carousel-caption {
background: rgba(0, 0, 0, 0.4);
}

.carousel-caption h1 {
font-family: 'Merriweather', Garamond, serif;
font-style: italic; 
font-weight: normal; 
font-size:     3em;
color:		#fff4d9;
}
.carousel-caption p {
font-family: "Calisto MT", 'Lora', Bookman, Garamond, Georgia, serif;
font-size:      1.5em;
color:		#fff4d9;
}
.carousel-caption .btn {
font-family:    'Merriweather', Garamond, serif;
font-style: italic;
font-size:      2em;
color:		yellow;
}

// Stop slider pausing on mouse hover
add_filter( 'tc_stop_slider_hover','my_slider_hover_value');
function my_slider_hover_value() {
	return false;
}

/*
  03. Featured Pages
*/

.round-div {
  border: 104px solid #FAFAFA;
  border-radius: 0px;
  display: block;
  height: 170px;
  left: -54px;
  position: absolute;
  top: -66px;
  transition: all 0.3s ease 0s;
  width: 170px;
  z-index: 99;
}

.widget-front .round-div {
    width: 150px;
    height: 150px;
    border: 94px solid #FFF4D9;
    top: -44px;
    left: -34px;
}

/* Change Featured Pages Button color  */
.btn.btn-primary.fp-button, #ufo-field-id-3322-span button {
  color: white;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #b21f67;
  background-image: -moz-linear-gradient(top, #d33683, #b21f67);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#d33683), to(#b21f67));
  background-image: -webkit-linear-gradient(top, #d33683, #b21f67);
  background-image: -o-linear-gradient(top, #d33683, #b21f67);
  background-image: linear-gradient(to bottom, #d33683, #b21f67);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff78c40' , endColorstr='#ffb21f67' , GradientType=0);
  border-color: #b21f67 #b21f67 #984306;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #b21f67;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
#ufo-field-id-3322-span button,
.btn.btn-primary.fp-button:hover,
.btn.btn-primary.fp-button:focus,
.btn.btn-primary.fp-button:active,
.btn.btn-primary.fp-button.active,
.btn.btn-primary.fp-button.disabled,
.btn.btn-primary.fp-button[disabled] {
  color: white;
  background-color: #b21f67;
  *background-color: #921452;
}
#ufo-field-id-3322-span button,
.btn.btn-primary.fp-button:active,
.btn.btn-primary.fp-button.active {
  background-color: #b04d07 \9;
}
#ufo-field-id-3322-span button,
.btn.btn-primary.fp-button:hover,
.btn.btn-primary.fp-button:focus,
.btn.btn-primary.fp-button:active,
.btn.btn-primary.fp-button.active,
.btn.btn-primary.fp-button.disabled,
.btn.btn-primary.fp-button[disabled] {
  color: white;
  background-color: #b21f67;
  *background-color: #c95808;
}
#ufo-field-id-3322-span button,
.btn.btn-primary.fp-button:active,
.btn.btn-primary.fp-button.active {
  background-color: #b04d07 \9;
}

#ufo-field-id-3322-span button {
 border-radius: 4px;
 padding: 4px 12px;
}

/*
  04. Header
*/

.navbar .navbar-inner {
-webkit-box-shadow: 0px 0px 0px;
-moz-box-shadow: 0px 0px 0px;
box-shadow: 0px 0px 0px;
background: none;
}

/* Adjust (10px) top position  */
.navbar .nav > li > a {
position:     relative;
top:          10px;
}
.navbar .navbar-inner {
max-height:     20px;
color: #FFF4D9;
}

header.tc-header {
background-color: #000;
margin-top:     0px;
margin-bottom:  0px;
}

.navbar .nav > li > a, .navbar .nav > li > a:first-letter,
.navbar .nav > li.current-menu-item > a, 
.navbar .nav > li.current-menu-ancestor > a {
display:        inline;
color:          #FFF4D9;                        
font-family:    'Merriweather', Garamond, serif;
font-style:     italic;
font-size:      1.5em;
padding:        5px 20px;
}

.navbar-wrapper .navbar h2, h2.site-description {
/* Change (red) font color      */
color:          #B51F57;
font-family:    'Merriweather', Garamond, serif;
font-style:     italic;
font-size:      1.1em;
text-shadow: none;
}

/* 2px=thickness, solid=style (dotted - dashed - solid - double - groove - ridge - inset - outset), green=color */
header.tc-header {
border-bottom:  5px solid #FFF4D9;
}

/* Adjust Menu colors - Normal */
.navbar .nav > li > a, .navbar .nav > li > a:first-letter {
color:          #FFF4D9;
text-shadow:    none;
}
/* Adjust Menu colors - Hover */
.navbar .nav > li > a:hover, .navbar .nav > li > a:hover:first-letter { 
color:          #000;                    
text-shadow:    none;
}
/* Adjust Menu colors - Active */
.navbar .nav > li > a:active, .navbar .nav > li > a:active:first-letter,
.navbar .nav > li.current-menu-item > a, 
.navbar .nav > li.current-menu-ancestor > a,
.navbar .nav > li.current-menu-item > a:first-letter, 
.navbar .nav > li.current-menu-ancestor > a:first-letter {
color:          #B51F57;
text-shadow:    none;
}

/* Remove the Hover/Focus Colors  */
.navbar .nav > li.current-menu-item > a, .navbar .nav > li.current-menu-ancestor > a, 
.navbar .nav > li > a:hover, .navbar .nav > li > a:focus {
color:          #B51F57; 
   -o-transition:color .3s ease-out, background 2s ease-in;
   -ms-transition:color .3s ease-out, background 1s ease-in;
   -moz-transition:color .3s ease-out, background 1s ease-in;
   -webkit-transition:color .3s ease-out, background 1s ease-in;
   transition:color .3s ease-out, background 1s ease-in;
}

/* Change the color of all the Social Icons */
.navbar-inner a.social-icon     {
	color: #FFF4D9; 
	text-shadow:    none;
	font-size: 1.5em;
	-o-transition:color .3s ease-out, background 2s ease-in;
   -ms-transition:color .3s ease-out, background 1s ease-in;
   -moz-transition:color .3s ease-out, background 1s ease-in;
   -webkit-transition:color .3s ease-out, background 1s ease-in;
   transition:color .3s ease-out, background 1s ease-in;
} 
footer#footer .colophon  a.social-icon      {
	color: #FFF4D9;
	text-shadow:    none;
	font-size: 1.5em;
	-o-transition:color .3s ease-out, background 2s ease-in;
   -ms-transition:color .3s ease-out, background 1s ease-in;
   -moz-transition:color .3s ease-out, background 1s ease-in;
   -webkit-transition:color .3s ease-out, background 1s ease-in;
   transition:color .3s ease-out, background 1s ease-in;
} 

.navbar-inner a.social-icon:hover                 {color: #B21F67;}
footer#footer .colophon a.social-icon:hover       {color: #FFF4D9;}


/*
  05. Body
*/

h1.entry-title, h2.entry-title {
    font-size: 2.5em;
    color: #000;
    font-family: "Merriweather", Garamond, serif;
    font-style:  italic;
    line-height: 1.2em;
}

section {
    word-wrap: break-word;
    text-align: justify;
}

.round-div {
border-color:   #FFF4D9; /* Change #000000 to background-color */
}

/* Set the color (red) of the body, wrapper, header & footer */
body, #main-wrapper {
background-color: #FFF4D9;
margin-top:     0px;
margin-bottom:  0px;
}

h1.entry-title, h2.entry-title {font-size: 2.5em;
color: #000;
font-family: 'Merriweather', Garamond, serif;
font-style: italic;
}   

.featurette-divider {
display:        none;
}

article.format-standard .format-icon:before {
    display: none;
}







/*
  06. Footer
*/

footer#footer {
    background: none repeat scroll 0 0 #B51F57;
}


footer#footer .colophon a, footer#footer .colophon p, footer#footer .colophon a.back-to-top {
    color: #FFF4D9;
	text-align:     center;
	line-height:    2em ;
font-size:      0.95em ;


}

/* Change Background, Border, Font/Color as needed  */
footer#footer .colophon {
background:     none repeat scroll 0 0 #B51F57;
padding-top:        10px;
}

/* Change font-size of Titles  */
footer#footer h3{
font-size:      0.9em ;
line-height:    1.2em ;
}

/* Remove grey bar  */
footer#footer {
border-top:     0px;
}

/* Reduce whitespace  */
#main-wrapper {
margin-bottom:  50px;
}


html,
body {
    height: 100%;
}
#push {
    /* this depends on the content and on the footer height. 
     * 50px is a good value since we choose a footer of 60px and
     * customizr' featurette-divider and tc-content margin bottom is 30px.
     * Fine tune this to suit your needs.
     */
    height: 50px;
}
#footer {
    /* This height is for a footer without widgets! 
     * Change this value to suit your needs!
     */
    height: 75px;
}
#wrap {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    /* Negative indent footer by its height and its top border 
     * (footer top border customizr default value is 12px)
     */
    margin: 0 auto -72px;
}
/* Responsiveness:
 * probably you will need some other media queries for small viewports,
 * but hey... this is a good start! :P 
 */
@media (max-width: 769px){
    #wrap {
        margin-bottom: -124px;
    }
    #footer {
       height: 112px;
    }
}

/*
  07. Dropdown Menu
*/

.nav-collapse .nav {
    float: none;
    margin-top: 0px;
    background-color: black;
    margin-right: 0px;
    margin-bottom: 5px;
}


.nav-collapse, .nav-collapse.collapse {
    overflow: hidden;
    height: 0px;
    position: absolute;
    z-index: 3000;
    right: 0px;
    top: 42px;
    border-radius: 4px;
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.25);
    padding-bottom: 10px;
}

.nav-collapse .nav .nav-header {
color:              #fff4d9;   
text-shadow:        none;
}
.nav-collapse .nav > li > a,
.nav-collapse .dropdown-menu a {
color:              #fff4d9;   
text-shadow:        none;
line-height:        1.5em;
}

.nav-collapse .nav > li > a,
.nav-collapse .nav > li > a,
.nav-collapse .dropdown-menu a,
.nav-collapse .dropdown-menu a {
background-color:   #000000;   
}
.nav-collapse .nav > li > a:hover,
.nav-collapse .nav > li > a:focus,
.nav-collapse .dropdown-menu a:hover,
.nav-collapse .dropdown-menu a:focus {
background-color:   #000000;   
}
.nav-collapse .dropdown-menu > li.current-menu-item > a, 
.nav-collapse .dropdown-menu > li.current-menu-ancestor > a {
background-color:   #000000;   
text-decoration:    none;
}
.nav-collapse.tc-hover-menu-wrapper.in.collapse {
background-color:   #000;   
}

.tc-hover-menu.nav a {
border-bottom:      0px solid #000;
}

#tc-sn .nav-collapse { background: black; }


/*
  08. Pages
*/
  
.page h1.format-icon:before {
content: none;
}

.search .search-header .format-icon:before, .archive .archive-header .format-icon:before {
color: inherit;
}  


/*
  08.1 Galleries
*/


/*
  09. Posts
*/

hr {
	border: 1px solid #000;
}

blockquote {
  padding-left: 15px;
  padding-top: 8px;
  padding-bottom: 8px;
  border-left: 5px solid #B21F67;
  background-color: #FFF4D9;
}

blockquote p {
  margin-bottom: 0;
  font-size: 1.1em;
  font-style:normal;
  font-weight: 300;
  line-height: 1.5em;
  color:#000;
  text-align:justify;
}
blockquote small {
  display: block;
  line-height: 20px;
}
blockquote small:before {
  content: '\2014 \00A0';
  
}
blockquote.pull-right {
  float: right;
  padding-right: 15px;
  padding-left: 0;
  border-right: 5px solid #eeeeee;
  border-left: 0;
  
}
blockquote.pull-right p,
blockquote.pull-right small {
  text-align: right;
  
}
blockquote.pull-right small:before {
  content: '';
}
blockquote.pull-right small:after {
  content: '\00A0 \2014';
}
q:before,
q:after,
blockquote:before,
blockquote:after {
  content: "";
}

.testimonials-widget-testimonial cite, .testimonials-widget-testimonial div.credit {
    text-align: right;
	font-size: 1.2em;
	line-height: 1.2em;
	color: #B21F67;
    font-weight: 700;
	font-style: italic;
	padding-bottom: 30px;
	margin-top: 15px;
}

.testimonials-widget-testimonials .alignright {
    float: right;
	font-family: 'entypo';
    font-size: 2.5em;
	margin-top: 10px;
	margin-right: 100px;
}

.testimonials-widget-testimonials .alignleft {
    float: left;
	font-family: 'entypo';
    font-size: 2.5em;
    margin-top: 10px;
	margin-left: 100px;

}

.testimonials-widget-testimonial q, .testimonials-widget-testimonial blockquote {
    quotes: none;
    text-align: justify;
}

/*
  09.1 Post Meta
*/

.icon-bubble:before {
  font-family: 'genericons';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
}

.icon-bubble:before {
  content: "\f300";
  color:#B51F57;
}

/* Remove Post Category */
.entry-meta .btn {
font-style: oblique;
}

/* Remove Post Tag */
.btn-tag {
}

/* Remove Post Date */
.entry-date {
font-style: italic;
}

/* Remove Post Author */
.entry-meta .url.fn.n {
display: none;
}

.entry-meta {
}


/*
  09.2 Comments
*/

h3#reply-title:before {
    font-family: entypo;
    content: "\270E";
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    padding-right: 5px;
    font-size: 2em;
}

code {
    padding: 2px 4px;
    color: #B21F67;
    background-color: #F7F7F9;
    border: 1px solid #E1E1E8;
}

.btn-success {
    color: #FFF;
    text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.25);
    background-color: #B21F67;
    background-image: linear-gradient(to bottom, #e12381, #B51F57);
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}

.comment article, .pingback article, .trackback article {
    background: none repeat scroll 0% 0% #FFF;
    padding: 15px;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
}

h3.assistive-text {
    display: none;
}

/*
  10. Sidebars
*/

#left.widget-area {
    padding-right: 5px;
    border-right: 1px solid #B21F67;
    position: relative;
}

#right.widget-area h3 {
    color: #000;
}

.span3 {
    width: 270px;
    margin-top: 10px;
}

.widget_archive h3:before {
    font-family: entypo;
top: 2px;
font-size: 2em;
color: #B21F67;

}

.widget_recent_entries h3:before {
  font-family: 'entypo';
  top: 2px;
  font-size: 2em;
  content: "\E736";
  color: #B21F67;

}

.widget_recent_comments h3:before {
font-family: 'entypo';
  top: 2px;
  font-size: 2em;
  content: "\E720";
    color: #B21F67;
  -webkit-font-smoothing: antialiased;

}