/*
Theme Name: Twenty Seventeen Child
Template:       twentyseventeen  
Theme URI: https://www.iyels.com
Author: Your name here
Author URI: https://www.iyels.com/about/
Description: Child theme for Twenty Seventeen brings your site to life with header video and immersive featured images. With a focus on business sites, it features multiple sections on the front page as well as widgets, navigation and social menus, a logo, and more. Personalize its asymmetrical grid with a custom color scheme and showcase your multimedia content with post formats. Our default theme for 2017 works great in many languages, for any abilities, and on any device.
Version: 1.3
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentyseventeen
Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready


*/

@import url("../twentyseventeen/style.css");


/* NOTE !!!!!!!!!!!!!!!!!
THERE ARE PIECES OF CODE THAT WON'T WORK IF PLACED HERE. THEY HAVE TO BE PLACED AT [Dashboard > Appearance > Customize > Additional CSS] instead. */



.comments-area article {
        background: #CDFFC2;
}
.comment-list article {
    margin-bottom: 16px;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 10px;
    padding-right: 10px;
}



img.clickable {
    border: solid 1px #00873A;
}
img.clickable:hover {
    border-color: #28AF62;
}
img.clickable2 {
    border: solid 3px transparent;
}
img.clickable2:hover {
    border-color: #28AF62;
}

/* Don't use the below 4 lines of code. Otherwise the flags on home page will not be displayed properly.
img {
     border: 0 none;
     max-width: 100%;
     vertical-align: middle;
}
*/




/* Prevent flowplayer's and Ajax Search Lite's shortcodes from interfering with header submenu */
#content{
  position:relative;
  z-index: 1;
}
/* The below piece of code is unnecessary in this case:-
#header{
  position:relative;
  z-index:50;
} */




/* ---------------------------------------------------------
Format title VVVVVVVVVVVVVVVVVVVV
---------------------------------------------------------- */

/* Post & Page title */
.single-post .entry-title, .page .entry-title {
font-size: 1.625rem !important;
color: #47260F !important;
font-family: Georgia !important;
}

/* Archive Category title */
h1 {
font-size: 1.625rem !important;
color: #47260F !important;
font-family: Georgia !important;
}

/* Archive Post title */
.entry-title a {
font-size: 1.625rem !important;
color:#47260F !important;
font-family: Georgia !important;
}

/* ---------------------------------------------------------
Format title ^^^^^^^^^^^^^^^^^^^^
---------------------------------------------------------- */






/* ---------------------------------------------------------
Links VVVVVVVVVVVVVVVVVVVV
---------------------------------------------------------- */

/* Note: 'a:link' surprisingly is not found in the original twentyseventeen style.css */

a:link    {
/* Applies to all unvisited links */
/* If want to underline, then use 'text-decoration: underline' */
  -webkit-box-shadow: none;
  box-shadow: none;
  text-decoration:  none;
}

a {
	color: #00873A;
}

a:hover,
a:active {
	color: #28AF62;
text-decoration: underline;
}


.widget a:link {
  box-shadow: none;
}





.entry-content a:focus,
.entry-content a:hover,
.entry-summary a:focus,
.entry-summary a:hover,
.widget a:focus,
.widget a:hover,
.site-footer .widget-area a:focus,
.site-footer .widget-area a:hover,
.posts-navigation a:focus,
.posts-navigation a:hover,
.comment-metadata a:focus,
.comment-metadata a:hover,
.comment-metadata a.comment-edit-link:focus,
.comment-metadata a.comment-edit-link:hover,
.comment-reply-link:focus,
.comment-reply-link:hover,
.widget_authors a:focus strong,
.widget_authors a:hover strong,
.entry-title a:focus,
.entry-title a:hover,
.entry-meta a:focus,
.entry-meta a:hover,
.page-links a:focus .page-number,
.page-links a:hover .page-number,
.entry-footer a:focus,
.entry-footer a:hover,
.entry-footer .cat-links a:focus,
.entry-footer .cat-links a:hover,
.entry-footer .tags-links a:focus,
.entry-footer .tags-links a:hover,
.post-navigation a:focus,
.post-navigation a:hover,
.pagination a:not(.prev):not(.next):focus,
.pagination a:not(.prev):not(.next):hover,
.comments-pagination a:not(.prev):not(.next):focus,
.comments-pagination a:not(.prev):not(.next):hover,
.logged-in-as a:focus,
.logged-in-as a:hover,
a:focus .nav-title,
a:hover .nav-title,
.edit-link a:focus,
.edit-link a:hover,
.site-info a:focus,
.site-info a:hover,
.widget .widget-title a:focus,
.widget .widget-title a:hover,
.widget ul li a:focus,
.widget ul li a:hover {
	color: #28AF62;
     text-decoration: underline;
     -webkit-box-shadow: none;
     box-shadow: none;
}



.post-navigation a:focus .icon,
.post-navigation a:hover .icon {
	color: #28AF62;
}

/*-----------------------------------------------------------
Links ^^^^^^^^^^^^^^^^^^^^^^^^^^^
-----------------------------------------------------------*/






/* Make image in table responsive in IE:
The below code works for twentyfourteen theme, but not twentyseventeen theme */
table td img{
    width: 100% !important;
}