/*
Theme Name:     Moderna Child theme
Theme URI:      http://yotike.com.au
Description:    Child theme for the Moderna theme
Author:         Max Wagner - Yotike
Author URI:     http://yotike.com.au
Template:       moderna
Version:        1.0
*/

/* Make colours mint green - start */

======================================================================================*/

/*=====================================================================================
        BASIC STYLES
======================================================================================*/
a {
    color: #97C866 !important;
}

a:hover {
    color: #83AC59 !important;

}

/* TEXT HIGHLIGHT */
.highlight-style{
    background: #96cb63;
    color: #fff;
}

/*FINDOUT MORE LINK STYLE */
.find-out-more, a.find-out-more{
    color: #96cb63;
}

a.find-out-more:hover{
    color: #7fe094;
}

/*=====================================================================================
        HEADER CONTAINER STYLES
======================================================================================*/

/* Search form */


#nav li:hover{
    background: #96cb63;
}

#nav li:hover:before{
    content: "";
    position: absolute;
    width: 1px;
    height: 100%;
    background: #96cb63;
    left: -1px;
    top: 0;
}

#nav li:hover > a{
    color: #fff !important;
}

#nav li ul li:hover a{
   color: #96cb63;
}

/* sve klase ispod */
#nav li.current-menu-item, #nav li.current-menu-parent{
    background: #96cb63;
}

#nav li.current-menu-item:before, #nav li.current-menu-parent:before{
    content: "";
    position: absolute;
    width: 1px;
    height: 100%;
    background: #96cb63;
    left: -1px;
    top: 0;
}

#nav li.current-menu-item a, #nav li.current-menu-parent a{
    color: #fff;
    border-right: 1px solid #96cb63;
}

#nav li.current-menu-parent li a{
    border-right: none;
}

#nav li.current-menu-parent li.current-menu-item:before{
    content: none;
}

#nav li.current-menu-parent li:hover{
    background: #96cb63;
}

#nav li.current-menu-parent li:hover > a{
   color: #fff;
}

#nav li.current-menu-parent ul li{
    background: #fafafa;
}

#nav li.current-menu-parent ul li a{
    color: #8f8f8f;
}

#nav li:hover > a{
    border-right: 1px solid #96cb63;
}

#nav li ul li:hover > a{
    border: none;
}


/*=====================================================================================
        SLIDER 
======================================================================================*/
.slide-elements h3 span{
    color: #96cb63;
}



/* back arrow */
.anythingSlider-default .back { left: -50px; }
.anythingSlider-default .back a { background-position:  -0px -40px; }
.anythingSlider-default .back a:hover,
.anythingSlider-default .back a.hover { background-position:  -0px -0px; }
/* forward arrow */
.anythingSlider-default .forward { right: -50px; }
.anythingSlider-default .forward a { background-position:  -26px -40px; }
.anythingSlider-default .forward a:hover,
.anythingSlider-default .forward a.hover { background-position:  -26px -0px; }



/*=====================================================================================
        HOME PAGE STYLES
======================================================================================*/
/* PORTFOLIO CAROUSEL */
.carousel .carousel-nav li:hover{
    background: #96cb63;
}

.portfolio-video-container {
    width: 940px;
    float: none;
}

.pscarousel {
    width: 300px;
    float: right;
}

.portfolio-slideshow {
    float: left;
    margin-right: 0px;
    width: 600px;
}

.showcase-item .description {
    width: 100%;
}


/*=====================================================================================
        SERVICES PAGE STYLES
======================================================================================*/




/*=====================================================================================
        PORTFOLIO PAGE STYLES
======================================================================================*/
#portfolio-filter li a:hover{
    color: #96cb63;
}

#portfolio-filter .active a{
    color: #96cb63 !important;
}

figcaption .category{
    color: #96cb63;
    text-transform: none;
}

figure.img-styled .img-hover{
    background: #96cb63;
}




/* PORTFOLIO WITH SHOWCASE - SHOWCASE ITEM STYLE */
.showcase-nav li a:hover{
    color: #7fe094;
}



/*=====================================================================================
        BLOG PAGE STYLES
======================================================================================*/


.grid_9.blog .meta .category .icon{
    width: 60px;
    height: 60px;
    float: left;
    background-position: 0 0;
    background-color: #96cb63;
}


/* POST CONTENT STYLING */
.grid_9.blog .entry-content .post-title a{
    background: #96cb63;
    text-shadow: 0 1px 0 #66b376;
}


/* BLOG POST COMMENTS */
.post-comments .comments-li .comment .comment-meta h5:hover{
    color: #96cb63;
}



/* Comments Pagination */

.post-comments .comments-pagination .page-numbers.current{
    background: #96cb63;
    color: #fff;
}

.post-comments .comments-pagination .page-numbers:hover{
    background: #96cb63;
    color: #fff;
}

.post-comments .comments-pagination a.next:hover, .comments-pagination a.prev:hover {
    background: #96cb63;
    color: #fff;
}

/* BLOG POST NO IMAGE POST TITLE */
.grid_9.blog .entry-content.no-image .post-title a:hover{
    color: #96cb63;
}




/*=====================================================================================
        CONTACT PAGE STYLE
======================================================================================*/
.contact-form .submit{
    text-shadow: 2px 2px #66b376;
}



/*=====================================================================================
        SIDEBAR  STYLE
======================================================================================*/
.aside-widgets li a:hover{
    color: #96cb63;
}

.textwidget a.incolor{
    color: #96cb63;
}

/* TWEETSCROLL WIDGET */

.widget.pi_tweet_scroll a{
    color: #96cb63;
}

/* TAG CLOUD WIDGET */

.widget_tag_cloud .tagcloud a:hover{
    background: #96cb63;

    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

/* TEXT WIDGET */

.textwidget .newsletter .submit:hover{
    background: #96cb63;
    color: #fff;
    cursor: pointer;    

    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

/* RECENT COMMENTS WIDGET */

.widget.widget_recent_comments #recentcomments a{
    color: #96cb63;
    padding-left: 0;
}

/* WIDGET RECENT ENTRIES */

.widget.widget_rss ul li a{
    color: #96cb63;
}

/* CALENDAR WIDGET */

.widget.widget_calendar #wp-calendar #today {
    background: #96cb63;
    color: #fff;
}

.widget.widget_calendar #wp-calendar #today a{
    color: #fff;
}

/*=====================================================================================
        PAGINATION STYLE
======================================================================================*/
.pagination li:hover, .pagination li.arrow:hover{
    background: #96cb63;
}

.pagination li.active{
    background: #96cb63;
}

.pagination li .current{
    background: #96cb63;
    color: #fff;
    height: 19px;
}

.pagination li .next:hover, .pagination li .prev:hover{
    background: #96cb63;
    color: #fff;
}

/*=====================================================================================
        FOOTER STYLES
======================================================================================*/
.container_12 .copyright .to-top:hover{
    background: #96cb63;
}



/*=====================================================================================
        ELEMENTS
======================================================================================*/
/* BUTTON BIG STYLE */


.btn-big.style-color span{
    text-shadow: 2px 2px #66b376;
}



.btn-small.style-color span{
    text-shadow: 1px 1px #66b376;
}



/* TABS STYLES */
.tabs li a:hover, .tabs li.active a{
    color: #96cb63;
}

/* ACCORDION STYLES */
.accordion .title a:hover{
    color: #96cb63;
}

/* TOGGLE STYLES */
.vertical-toggle div.title .text:hover{
    color: #96cb63;
}





/*=====================================================================================
        COLUMNS - 960 GS ILLUSTRATION
======================================================================================*/
.column-illustration .grid_1:hover .hover, 
.column-illustration .grid_3:hover .hover, 
.column-illustration .grid_4:hover .hover, 
.column-illustration .grid_6:hover .hover, 
.column-illustration .grid_8:hover .hover, 
.column-illustration .grid_12:hover .hover, 
.grid_12.column-illustration.last:hover .hover{
    background: #96cb63;
}


/* Make colours mint green - end */

#logo a {
  width: 470px;
}

section#logo a span {
  font-size: 9px;
  color: #96CB63;
}

/* Fix mobile portfolio section */

.pager img.attachment-thumbnail {
    width: 80px !important;
}

.portfolio-video-container {
 
}
@media only screen and (max-width: 980px) {
.portfolio-video-container {
    width: 300px;
    margin:0;
}
}

@media only screen and (max-width: 410px) {
#logo a {
    width: 230px;
}
#logo {
    margin-bottom: 60px;
    margin-left: 60px;
    margin-right: 0;
    width: 215px;
    height: 100px;
}
#logo a img {
  max-width: 220px;
}
.portfolio-slideshow {
	overflow:hidden;
}
.pscarousel {
    width: 280px;
    float: none;
	margin-left:10px;
}

.portfolio-slideshow {
	float:none;
    margin: 0px;
    width: 280px;
}
}

#footer.clearfix section.container_12 article.grid_3 {
display: none;
}

/* update WP captions */
.wp-caption.alignleft {
  margin: 5px 20px 20px 0;
}
.wp-caption {
  background: none repeat scroll 0 0 #F9F9F9;
  padding: 5px 0 10px;
}

/* Change menu to fit nicely */

#nav li a {
  padding: 5px 15px;
}

/* hide search and fix social icons */
.social {
  float: right;
  margin-bottom: 25px;
  margin-right: 10px;
  width: 301px;
}
#search {
  display: none;
}

.social li.icloud:hover {
  background: url("../moderna/img/social/icloud.png") no-repeat scroll center center #B94E0B;
}

/* home page carosel styling fix */

figure.img-styled figcaption p {
  font-size: 13px;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
}

figure.img-styled figcaption {
  background: none repeat scroll 0 0 #F4F4F4;
  padding-bottom: 0px;
  border-bottom: 0px;
  padding-top: 2px;
  width: 100%;
}

div.caroufredsel_wrapper ul.carousel-li li figure.img-styled {
  background: none repeat scroll 0 0 #F4F4F4;
  border-bottom: 1px solid #E5E5E5;
  padding: 8px;
}

html body.single div#page-wrap section#content-wrapper ul#filter-item.container_12 li.grid_3 {
  width: 170px;
}

figure.img-styled div.img-container img.attachment-portfolio-four {
  opacity: 0.3;
}
figure.img-styled div.img-container img.attachment-portfolio-four:hover {
  opacity: 1;
}

#estdate {
  margin-top: 42px;
  color: grey;
  display: inline-block;
  text-align: center;
  font-size: 9px;
}

#logo a img {
  max-width: 220px;
}

#logo {
    height: 100px;
    width: 204px;
}

.container_12 .grid_3 {
  width: 170px;
}

html body.page div#page-wrap section#content-wrapper ul#filter-item.container_12 li.grid_3 figure.img-styled div.img-container img.attachment-portfolio-four {
  opacity: 0.7;
}

html body.page div#page-wrap section#content-wrapper ul#filter-item.container_12 li.grid_3 figure.img-styled div.img-container img.attachment-portfolio-four:hover {
  opacity: 1;
}