/*   
Theme Name: Dragon Theme
Description: Custom child theme
Author: Ozgur Gurtuna
Template: twentyseventeen
Version: 1.0
*/


@import url("../twentyseventeen/style.css"); 		/* CSS Reset + Basic WordPress Styles */

/* =Theme customization starts here-------------------------------------------------------------- */

h1 {
  font-size: 2.5rem;

}

h2 {
	font-family: Raleway, Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: normal;
	/*color: #525252;*/
}
h3 {
	font-family: Raleway, Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: normal;
	color: #525252;
}

p {
  font-size: 18px;
}
a {
    color: #F87022;
    text-decoration: none;
}

.entry-meta a {
    color: #F87022;
}

.entry-meta {
    color: #F87022;
    font-size: 11px;
    font-size: 1rem;
    font-weight: 800;
    letter-spacing: 0.1818em;
    padding-bottom: 0.25em;
    text-transform: uppercase;
}
.single-post .entry-title,
	.page .entry-title {
		font-size: 26px;
		font-size: 3rem;
	}

.ul{
  list-style: square outside none;
}

.ui-menu-item {
  list-style: none;
  font-size: 18px;
}


h4 {
  color: #F87022;
  font-size: 2rem;
}

.button{
  white-space: wrap;
}

h5 {
    font-size: 13px;
    font-size: 1.5rem;
}

body
{
	font-family: Raleway, Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: normal;
    color: #000000;
}
.wp-caption, .gallery-caption {
    color: #666;
    font-size: 13px;
    font-size: 1.5rem;
    font-style: italic;
    margin-bottom: 1.5em;
    max-width: 100%;
}

 .entry-footer .cat-links, .entry-footer .tags-links {
    font-size: 1rem;
 }

 .comments-title {
    font-size: 20px;
    font-size: 2rem;
    margin-bottom: 1.5em;
}

.comment-metadata {
    color: #767676;
    font-size: 10px;
    font-size: 1rem;
    font-weight: 800;
    letter-spacing: 0.1818em;
    text-transform: uppercase;
}

.comment-author {
    font-size: 16px;
    font-size: 1.5rem;
    margin-bottom: 0.4em;
    position: relative;
    z-index: 2;
    color: #F87022;
}

comment-reply-link, .review-comment-ratings {
    /* display: block; */
    position: absolute;
    top: 4px;
    left: auto;
    text-align: center;
    right: 0px;
    width: 14px;
    height: 14px;
    color: #F87022;
    font-size: 14px;
    line-height: 1;
}

button, input[type="button"], input[type="submit"] {
    background-color: #F87022;
    border: 0;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-size: 1.5rem;
    font-weight: 800;
    line-height: 1;
    padding: 1em 2em;
    text-shadow: none;
    -webkit-transition: background 0.2s;
    transition: background 0.2s;
}

.nav-subtitle {
    background: transparent;
    color: #F87022;
    display: block;
    font-size: 11px;
    font-size: 1.5rem;
    letter-spacing: 0.1818em;
    margin-bottom: 1em;
    text-transform: uppercase;
}

.nav-title {
    color: #333;
    font-size: 15px;
    font-size: 1.5rem;
}

/*.comment-reply-link, .review-comment-ratings {
    display: block;
    position: absolute;
    top: 4px;
    left: auto;
    text-align: center;
    right: 0px;
    width: 5rem;
    height: 14px;
    color: #F87022;
    font-size: 14px;
    line-height: 1;
}*/

.comment-reply-link {
    font-weight: 800;
    position: relative;
}

.comment-reply-link, .review-comment-ratings {
    display: block;
/*    position: absolute;*/
    top: 4px;
    left: auto;
    text-align: center;
    right: 0px;
    width: 5rem;
    height: 14px;
    color: #F87022;
    font-size: 14px;
    line-height: 1;
}

.site-branding {
    padding: 1em 0;
    position: relative;
    -webkit-transition: margin-bottom 0.2s;
    transition: margin-bottom 0.2s;
    z-index: 3;
    display: none;
}

/*.has-sidebar #secondary {
    float: right;
    padding-top: 0;
    width: 20%;
}

.has-sidebar:not(.error404) #primary {
    float: left;
    width: 85%;
}*/



/*.wrap {
max-width: 1145px;
padding-left: 3em;
padding-right: 3em;
}

 



#primary {
width: 80rem !important;
}



.has-sidebar #secondary {
width: 20rem !important;
}*/

.wrap {
/* margin-left: auto; */
/* margin-right: auto; */
max-width: 100%;
/* padding-left: 2em; */
/* padding-right: 2em; */
}

@media screen and (min-width: 48em) {
.wrap {
max-width: 100%;
/* padding-left: 3em; */
/* padding-right: 3em; */
}
}

.page.page-one-column:not(.twentyseventeen-front-page) #primary {
/*margin-left: auto;*/
/*margin-right: auto;*/
max-width: 100%;
}


@media screen and (min-width: 30em) {
  .page-one-column .panel-content .wrap
  {
    max-width: 100%;
  }

  .has-sidebar #secondary {
    width: 20% !important;
  }

  #primary {
    width: 75% !important;
    }

}

h2.widget-title {
    font-size: 11px;
    font-size: 1rem;
    margin-bottom: 2em;
}

#secondary {
    font-size: 14px;
    font-size: 1.5rem;
    line-height: 1.6;
}

body, button, input, select, textarea {
    font-size: 16px;
    font-size: 1.5rem;
    line-height: 1.5;
}

body.page:not(.twentyseventeen-front-page) .entry-title {
    color: #222;
    font-size: 14px;
    font-size: 2rem;
    font-weight: 800;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}