/**
 * * * * * * * * * * * * * * * * * * * * *  
 * * DELICIOUS THEME STYLESHEET* * * * * *
 * * TABLE OF CONTENTS * * * * * * * * * *
 * * * * * * * * * * * * * * * * * * * * *
 * * * * * * * * * * * * * * * * * * * * *
 * 1. CSS RESET
 * 2. HEADER SECTION
 * 3. GENERAL SECTION STYLES
 * 4. SECTION TYPO & DETAILS
 * 5. SEPARATORS AND TRIANGLES
 * 6. ICON COLUMNS
 * 7. BUTTONS             
 * 8. REVIEWS
 * 9. SCREENS
 * 10. DEMO
 * 11. FORMS
 * 12. FOOTER
 * 13. BLOG
 * * * * * * * * * * * * * * * * * * * * */
@import url(https://fonts.googleapis.com/css?family=Roboto:400,100,300,500,700,100italic,300italic,400italic,500italic,700italic);
/**
 * MAIN COLORS
 * green           = #66cc99
 * alternate green = #5cadad
 */
/**
 *
 * 
 * 1. CSS RESET
 *
 * 
 */
a {
  color: #66cc99;
}

a:hover {
  color: #5cadad;
}

blockquote {
  border-color: #66cc99;
}

/**
 *
 * 
 * 2. HEADER SECTION (menu&slider)
 *
 * 
 */
#topContainer {
  background-image: url("../img/mint/background.jpg");
}

.menuActive > a {
  color: #5cadad !important;
}

.mainMenu li a:hover {
  color: #5cadad;
}

#followMenu .mainMenu li a:hover, #followMenu .mainMenu .menuActive > a {
  background: #66cc99 !important;
}

#responsiveMenuToggle {
  background: #66cc99;
}

/**
 *
 * 
 * 3. GENERAL SECTION STYLES
 *
 * 
 */
/**
 *
 * 
 * 4. SECTION TYPO & DETAILS
 *
 * 
 */
.titleSeparator {
  background-color: #66cc99;
}

.textureBgSection1 {
  background-image: url(../img/mint/bg-texture1.jpg);
}

.textureBgSection2 {
  background-image: url(../img/mint/bg-texture2.jpg);
}

/**
 *
 * 6. ICON COLUMNS
 * 
 */
.iconColWrap i.fa {
  border-color: #66cc99;
  color: #66cc99;
}

.iconColWrap:hover i.fa {
  background: #66cc99;
}

.iconColWrap:hover h2 {
  color: #66cc99;
}

/*right icon col*/
.iconRightColWrap i.fa {
  border-color: #66cc99;
  color: #66cc99;
}

.iconRightColWrap:hover i.fa {
  background: #66cc99;
}

.iconRightColWrap:hover h2 {
  color: #66cc99;
}

/*left icon col*/
.iconLeftColWrap i.fa {
  border-color: #66cc99;
  color: #66cc99;
}

.iconLeftColWrap:hover i.fa {
  background: #66cc99;
}

.iconLeftColWrap:hover h2 {
  color: #66cc99;
}

/**
 *
 * 7. BUTTONS
 * 
 */
.buttonBig:hover, .dlButton:hover {
  color: #5cadad;
}

/**
 *
 * 
 * 8. REVIEWS
 *
 * 
 */
.revText {
  color: #66cc99;
}

/**
 *
 * 
 * 9. SCREENS
 *
 * 
 */
.screenImg:hover {
  border-color: #66cc99;
}

button.active, button:hover, input[type="submit"]:hover {
  background: #66cc99;
  border-color: #66cc99;
}

.screensArrowsActive:hover {
  background: #66cc99;
}

/**
 *
 * 
 * 10. DEMO
 *
 * 
 */
.floatingPhone {
  background-image: url("../img/mint/demoimg/phone2.png");
}

/**
 *
 * 
 * 11. FORMS
 *
 * 
 */
input:focus, textarea:focus {
  border-color: #66cc99;
}

input[type="submit"] {
  color: #66cc99;
  border-color: #66cc99;
}

.del-fa {
  border-color: #66cc99;
  color: #66cc99;
}

/**
 *
 * 
 * 12. FOOTER
 *
 * 
 */
.footer {
  background-image: url("../img/mint/background.jpg");
}

.footer i.fa:hover {
  color: #66cc99;
}

.footer p a {
  color: #99ffcc;
}

/**
 *
 * 
 * 13. BLOG
 *
 * 
 */
.postDate {
  background: #66cc99;
}

.postType {
  border-color: #66cc99;
  color: #66cc99;
}

#searchform #searchsubmit {
  background-image: url(../img/mint/search.png);
}

#sidebarDelicious ul li a:hover {
  color: #66cc99;
}

#sidebarDelicious ul li a:hover .delCatCount {
  background: #66cc99;
  border-color: #66cc99;
}

#sidebarDelicious .tagcloud a:hover {
  background: #66cc99;
  border-color: #66cc99;
}

.divPopRec .postTextWidg a:hover {
  color: #66cc99;
}

.divPopRec .post-date {
  color: #66cc99;
}

#comments .avatar {
  border-color: #66cc99;
}

.comment-reply-link:hover {
  border-color: #66cc99;
}

.moreButton {
  color: #66cc99;
  border-color: #66cc99;
}

.moreButton:hover {
  background: #66cc99;
}

.commButton:hover, .commButton:hover span {
  color: #66cc99;
  border-color: #66cc99;
}

.navigation ul li.active {
  border-color: #66cc99;
  background: #66cc99;
}

.navigation ul li a:hover {
  border-color: #66cc99;
  background: #66cc99;
}

.pagetype {
  background: #66cc99;
}

.postTitle a:hover {
  color: #66cc99;
}

.del_tweet_img a {
  background: #66cc99;
}

.del_tweet_img a:hover {
  background: #5cadad;
}

.imgZoomIcon {
  background: #66cc99;
}

@media (min-width: 1170px) {
  .mainMenu ul li a:hover {
    color: #FFF;
  }
  #followMenu .mainMenu ul li a:hover {
    color: #66cc99 !important;
    background: none !important;
  }
}