/*
	Theme Name:     Ultra Child
	Description:    Ultra Child Theme
	Author:         JennyJ
	Template:       ultra
*/

/*JJ: Fonts, Links, Buttons, Navigationsmenu, Borders Farbe anpassen - türkis #04b4c8 oder #2cc0cd statt standard blau #0896fe */


@-ms-viewport {
  width: device-width;
}

a {
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
    color: #04b4c8;
    text-decoration: none;
}

/* need this so visited links will not be maroon */
a:visited {
    	color: #04b4c8;
	text-decoration: none;
}

/* highlight links on mouse-over */
a:hover, a:focus, a:active {
    color: #018f9c;
    text-decoration: underline; }


button, input[type="button"], input[type="reset"], input[type="submit"] {
  background: #04b4c8;
  }

button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {
    background: rgba(4, 180, 200, 0.8);
}

/* add color and bolder font to main menu selected item */
.main-navigation .current_page_item > a, .main-navigation .current-menu-item > a, .main-navigation .current_page_ancestor > a {
    color: #04b4c8;
    FONT-WEIGHT: 800;
}

.main-navigation div > ul > li > a:hover {
    border-bottom: 3px solid #2cc0cd;
}

.main-navigation .menu a:hover:before {
  color: #04b4c8; }

.main-navigation ul li:hover > a {
    color: #2cc0cd;
}

.main-navigation ul ul {
      background: #fff;
      border-top: 3px solid #04b4c8;
}

.main-navigation ul ul li:hover > a {
    background: #04b4c8;
    color: #fff;
}

/*JJ: change search icon color from blue (#0896fe) to turquoise #04B4C8*/

.main-navigation .menu-search .search-icon:hover:before {
  color: #04B4C8;
}
.main-navigation .menu-search .searchform input[name=s] {
  border-top: 3px solid #04B4C8;
}

.top-bar-navigation ul ul {
      background: #fff;
      box-shadow: rgba(0, 0, 0, 0.1) 0 0.5714rem 1.0714rem;
      border-top: 3px solid #04b4c8;
      }

.top-bar-navigation ul ul li:hover > a {
              background: #04b4c8;
              color: #fff; }


/* JJ: change content link color */ 

#content .entry-content a, .entry-content p a, .entry-content li a, .entry-content dl a, .entry-content pre a, .entry-content code a, .entry-content blockquote a {
  color: #04b4c8;
  border-bottom: none; 
}

#content .entry-content a:hover, .entry-content p a:hover {
	color: #2cc0cd;
	text-decoration: underline;
}

  .entry-footer a:hover {
    border: none;
    color: #04b4c8; }

/* JJ: Links in Blogseite + aside Blog-Beiträgen türkis machen */

 aside a, aside a:visited {
  color: #04b4c8;
}

.post-navigation .nav-links a:hover {
      color: #04b4c8; }

.entry-header h1.entry-title a:hover, .entry-header h1.page-title a:hover, .page-header h1.entry-title a:hover, .page-header h1.page-title a:hover {
    border: none;
    color: #04b4c8;
}

.entry-header .breadcrumbs a:hover,
.page-header .breadcrumbs a:hover {
      color: #04b4c8; }

  .entry-footer a:hover {
    border: none;
    color: #04b4c8; }

/* JJ: Format footer layout */
.site-footer .footer-main .widget:last-of-type {
    float: left;
}

/* JJ: weitere Links Farbe anpassen */

 .responsive-menu .main-navigation.toggled ul li a:hover, .responsive-menu .main-navigation.toggled ul li a:hover:before {
          background: #04b4c8;
          border-bottom: none;
          color: #fff; }

 .responsive-menu .main-navigation.toggled ul ul li a:hover {
          background:  #04b4c8;
          border-bottom: none;
          color: #fff; }

/*increase size of feature headers with links e.g. home page*/

.sow-features-list .sow-features-feature h5 a {
    color: inherit;
    text-decoration: none;
    font-size: 1.1em;
}

/* add pop-out hover effect to home page feature links => looked strange (pushed bottom bar downward) so disabled it 
.panel-grid-cell .sow-features-list .sow-features-feature p.sow-more-text a:hover {
    border: none;
    color: #54CBD6;
  	font-size: 1.1em; }
*/

/* add hover effect to home page feature links  */

.panel-grid-cell .sow-features-list .sow-features-feature p.sow-more-text a:hover {
    	border: none;
    	color: #54CBD6;
	text-decoration: underline;
  	 }

/* 18.1.17 add hover effect to view + display options on product page.
Underline + link color change didn't work (overridden somewhere else?) so used background color */

.panel-grid-cell .siteorigin-widget-tinymce.textwidget a:hover {
    	background-color: #f1f7f7;
  	 }

.mbt-breadcrumbs a:hover {
      color: #04b4c8;
}


/* add hover effect to links in grey boxes, e.g. on Instructions page */
.grey_box a:hover {
	background-color: #54CBD6;
}

/* change hover color on email link in footer */
#footer_mail a:hover {
	color:#fff;
	background-color:#04b4c8;
}

 #footer_mail a:visited {
    	color: #fff;
	text-decoration: none;
}

/* formatting contact form 7 */

.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 textarea
{
    background-color: #fff;
	width: 100%;
}

.wpcf7 .wpcf7-mail-sent-ok {
    background: #fff;
    border: 0;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    color: #04b4c8;
    float: left;
    margin-top: 1.78em;
}

/* remove gap below main menu in Edge and IE */
@supports (-ms-ime-align:auto) {
	/* Header */
	.wrapper-sticky[style] {
		height: 112px !important;
	}
}


/* Modifications for WooCommerce */
/* Space in "Additional Products" tab*/

.woocommerce table.shop_attributes td {
  padding-left: 10px;
}