/*
Theme Name: myResume
Author: Cori
Description: A responsive WordPress resume theme
Version: 1.0
*/

*{ margin:0; padding:0; outline:none;}
body{ font-size:16px;margin:0; padding:0; -ms-word-wrap:break-word; word-wrap:break-word;line-height:22px; position:relative;}
img{ margin:0; padding:0; border:none; max-width:100%; height:auto; }
section img{max-width:100%;}
section{background-attachment:fixed;}
h1,h2,h3,h4,h5,h6{ margin:0; padding:0 0 15px;}
p{ margin:0; padding:0;}
a{ text-decoration:none; color:#ff554e; -webkit-transition:all 0.6s ease-in-out; -moz-transition:all 0.6s ease-in-out; -ms-transition:all 0.6s ease-in-out; -o-transition:all 0.6s ease-in-out; transition:all 0.6s ease-in-out;}
a:hover{ text-decoration:none; color:#666;}
ul{ margin:0 0 0 15px; padding:0;}
.clear{ clear:both;}
.middle-align{ margin:0 auto; padding:0;}
.wp-caption{ margin:0; padding:0; font-size:13px; max-width:100%;}
.wp-caption-text{ margin:0; padding:0;}
.sticky{ margin:0; padding:0;}
.gallery-caption{ margin:0; padding:0;}
.alignleft, img.alignleft {display: inline; float: left; margin-right:25px; margin-top:4px; margin-bottom:20px; padding:0; }
.alignright, img.alignright { display: inline; float: right; }
.aligncenter, img.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; margin-top:0; }
.comment-list .comment-content ul { list-style:none; margin-left:15px;}
.comment-list .comment-content ul li{margin:5px;}
.main-container ol{list-style-position:outside; margin-left:20px;}
.main-container ol li{margin:5px 0;}
.toggleMenu{display:none;}
.bypostauthor{ margin:0; padding:0;}
section{ padding:95px 0; position:relative;}
h2.section-title{font-weight:bold; padding:0; margin-bottom:40px; text-align:center; text-transform:uppercase; }
#slider{ width:100%; margin:0; padding:0; position:relative;}
#slider .top-bar{ margin:0; padding:16px 0 20px; position:relative; text-align:left;}
#slider .top-bar h2{font-weight:900; padding:0 0 10px 0; text-transform:uppercase; line-height:100%;}
#slider .top-bar h2 span{ display:block; font-weight:400; padding-bottom:10px;}
#slider .top-bar p{ color:#ffffff; font-weight:400; margin:0 0 10px 0; line-height:24px; }
.dt-overlay{position: absolute;z-index: 10;width: 100%;height: 100%;background-color: rgba(0,0,0,.5);}
.nivo-directionNav a{z-index:11 !important;}
.meinfo-caption{position:absolute;text-align:center; margin-top:12%; left:2.5%; top:0%; color:#fff; width:95%; z-index:11; padding:0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing:border-box;}
.meinfo-caption h2{font-weight:900; font-family:'Roboto', sans-serif; color:#fff; font-size:41px; padding:0 0 10px 0; text-transform:uppercase; line-height:100%;}
.meinfo-caption h2 span{ display:block; font-size:27px; font-weight:400; padding-bottom:10px;}
.meinfo-caption p{ color:#f58a00; font-family:'Roboto', sans-serif; font-weight:400; margin:0 0 20px 0; line-height:24px; }
.meinfo-caption a.read-more{ margin-top:15px;}

a.read-more, .common_btn, .gform_button{ display:inline-block; font:400 16px 'Roboto Condensed', sans-serif; padding:10px 30px; margin-top:21px;border:1px solid white; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -o-border-radius:4px; -ms-border-radius:4px; margin-right:15px;}
.common_btn{ background-color:transparent !important; padding:8px 30px;  margin-top:30px; border:2px solid #fff; }

.main-container{margin:0; padding:0;}
.header.fixed{position:fixed !important; top:0 !important; margin:0; padding:0; z-index:99;}
.header.fixed .header-inner .nav ul li a{ padding-top:15px;}
.header.fixed .header-inner .nav ul li:hover > ul{ top:52px;}

.header .header-inner{ margin:0 auto; padding:0; position:relative; width:1170px;}
.header .header-inner .logo{margin:0; padding:0; }
.header .header-inner .logo h1{ font-weight:700; text-transform:uppercase; padding:0; }
.header .header-inner .logo a{ color:#ffffff;}
.header .header-inner .logo span{ font-size:12px;}
.container{ width:1170px; margin:0 auto; padding:0; position:relative;}
.toggle{display:none;}
.header{position:absolute; z-index:999; width:100%;  height:auto; padding:0;}
.header .header-inner .nav{ margin:0; padding:0; text-align:right; float:right;}
.header .header-inner .nav ul { float:right; margin:0; padding:0; font-family:'Roboto', sans-serif; font-weight:normal;}
.header .header-inner .nav ul li{ display:inline-block; margin:0; position:relative;}
.header .header-inner .nav ul li a{ color:#ffffff; padding:55px 25px 15px 25px; display:block; 
-webkit-border-bottom-right-radius: 2px; -webkit-border-bottom-left-radius: 2px; -moz-border-radius-bottomright: 2px; -moz-border-radius-bottomleft: 2px;border-bottom-right-radius: 2px; border-bottom-left-radius: 2px;}
.header .header-inner .nav ul li a:hover{color:#ff5c55;}

@media screen and (min-width:980px){
#resume .one_third{width:31%;}
.header .header-inner .nav ul li ul{display:none; z-index:2;}
.header .header-inner .nav ul li:hover > ul{display:block; width:200px; position:absolute; top:91px; left:0; text-align:left;}
.header .header-inner .nav ul li:hover ul li ul{display:none;}
.header .header-inner .nav ul li:hover ul li:hover > ul{display:block; position:absolute; left:200px; top:0;}
.header .header-inner .logo{float:left; margin-top:8px; }
}
.header-widget{ margin:0; padding:0; clear:right; color:#ffffff; text-align:right;}
.header-widget h4.header-title{ font-size:18px; margin:0; padding:0; color:#ffffff;}
.header-widget li{ display:inline; border-left:1px solid #f1f1f1; padding-left:5px;}

h1{font:bold 30px 'Roboto'; color:#323232; }
h2{font:bold 26px 'Roboto'; color:#323232; }
h3{font:bold 20px 'Roboto'; color:#323232; }
h4{font:bold 19px 'Roboto'; color:#323232; }
h5{font:bold 17px 'Roboto'; color:#323232; }
h6{font:bold 15px 'Roboto'; color:#323232; }
/* --------- Homepage --------- */

#about p{ text-align:center; padding-bottom:20px;}
section#about{padding-bottom:0;}
section#about .container{border-bottom:1px #eaeaea solid; padding-bottom:20px;}

#resume .one_third .mystory{padding:10px 30px; background:#fff; border:solid 1px #eeeeee; -webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;}
#resume .one_third .mystory img{ margin-top:5px;}
#resume .one_third .mystory p{ margin:15px 0 20px 0;}

#resume .one_third .me-photo-resume{ text-align:center; margin-top:40px;}
#resume .one_third .me-photo-resume a{ text-transform:uppercase;margin-right: 0;}
#resume .one_third .personalinfo{padding:25px 10px 25px 30px; background:#fff; border:solid 1px #eeeeee; -webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px; }
#resume .one_third .mystory, #resume .one_third .personalinfo{ min-height:340px;}

.personal-info-content{font-weight:normal;}
.label-name-info-table{padding-bottom:10px; margin-bottom:10px;}
.labelname{width:80px; display:inline-block;}
.labelinfo{min-width:150px;display:inline-block;}

#offerme h2.section-title, #myskills h2.section-title, #blog h2.section-title, #contact h2.section-title{ color:#fff !important;}
#offerme{ text-align:center;}
.fourbox{width:20.8%; height:auto; display:inline-table; text-align:center;  margin:0 2.5% 3% 0; padding:4.4% 1% 1.5%; position:relative; transition:0.3s; border:solid 1px #f58a00;}
.fourbox:hover{cursor:pointer;}
.fourbox img{display:block; margin:auto;}

/* --- skills bar --- */
.skillbar {position:relative; display:block; margin-bottom:15px; width:100%; height:35px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; -webkit-transition:0.4s linear; -moz-transition:0.4s linear; -ms-transition:0.4s linear; -o-transition:0.4s linear; transition:0.4s linear; -webkit-transition-property:width, background-color; -moz-transition-property:width, background-color; -ms-transition-property:width, background-color; -o-transition-property:width, background-color; transition-property:width, background-color; margin-top:35px;}
.skillbar-title { background:#141414; color:#000;}
.skillbar-title span{font:normal 19px 'Roboto'; display:block; background-color:transparent; color:#fff; padding:0; height:35px; line-height:35px; position:absolute; top:-35px;}
.skillbar-bar { height:35px; width:0px; background:#ff8a00;}
.skill-bar-percent { position:absolute; right:0; top:0; font-size:15px; height:35px; line-height:35px; color:#222222;}
.skill { width:46.98%; float:left;}
.skill-bar { margin:60px 0 0 0;}
.skill-bg{ width:100%; background-color:#fff;}
.skills1{max-width: 800px;margin: 0 auto;}
.last{margin-right:0 !important;}
section#education, section#workexperience,{ padding-bottom:0;}
#education h2.section-title, #workexperience h2.section-title{ margin-bottom:85px;}
.education-col{width:39.5%; margin:0 5.5% 6% 0; padding:40px 35px; display:inherit; background:#fff; border:solid 1px #e2e2e2; position:relative; cursor:pointer; }
.education-col h4{ text-transform:uppercase; padding-bottom:10px;}
.education-thumb{width:64px; height:44px; padding-top:19px; background:#222222; border-radius:100%; text-align:center; position:absolute; right:-32px; top:-32px; -webkit-transition:all 0.6s ease-in-out; -moz-transition:all 0.6s ease-in-out; -ms-transition:all 0.6s ease-in-out; -o-transition:all 0.6s ease-in-out; transition:all 0.6s ease-in-out;}
.education-col .education-thumb img{ width:36px; height:auto;}
.education-col:hover .education-thumb{background:#f58a00; }
.education-date{ width:23.9%; color:#252525; text-transform:uppercase; float:left; margin:0 35px 0 0; padding:20px 0; text-align:center; background:#fbfbfb; border:solid 1px #e2e2e2;  font:normal 15px 'Roboto'; }
.education-date span{border-top:solid 1px #e2e2e2; padding-top:15px; margin-top:15px; display:block; }
.education-description{ width:67%; float:left; line-height:20px;}
.education-description span{ margin-bottom:10px; display:block; color:#454545; font:normal 14px 'Roboto'; text-transform:uppercase;}

.message-thumb{ width:525px;  border:#212121 solid 7px; overflow:hidden; visibility:hidden;}
.message-desc{ visibility:hidden;}

/** Blog post css ** -----------------------------------------------------------------*/
.our-blog h2.section-title{ margin-bottom:70px;}
.blogposts{width:31%; margin:1% 2% 30px 0; display:inherit; float:left;position:relative; color:#fff; }
.blogposts h4{color:#fff; font-weight:normal; padding-bottom:10px;}
.our-blog .blogposts a, .our-blog .blogposts a:hover{color:#fff;}
.blogthumbs{ position:relative;}
.blogpostcontent{ padding:7% 7.6%;border:solid 1px #f58a00; margin-left:-1px; 
-webkit-transition:all 0.6s ease-in-out; -moz-transition:all 0.6s ease-in-out; -ms-transition:all 0.6s ease-in-out; -o-transition:all 0.6s ease-in-out; transition:all 0.6s ease-in-out;}
.blogthumbs, .blogpostcontent{ float:none; width:100%;box-sizing: border-box;}
.blogpostcontent{ margin:-1px 0 0 0;}
.blogpostcontent p{ line-height:20px;}
.blogthumbs img{width:100%; vertical-align:middle;}
.date-news{ color:#f58a00; font-size:11px; text-transform:uppercase; margin-bottom:21px;} 
.blogposts:hover .blogpostcontent{background:#f58a00;}
.blogposts:hover .date-news{color:#222222; }
.lastcols{margin-right:0 !important;}
.postmeta{ border-bottom:solid 1px #e8e8e8; margin-bottom:20px; }

.see-all-button {  border:1px solid #444; display:table; font-size:16px; font-weight:700; margin:50px auto 0; padding:10px 20px; text-align:center; text-transform:uppercase; transition: all 0.3s ease 0s; color:#f0efef;}
.see-all-button:hover { background:#ff8a00; border:#ff8a00 solid 1px; color:#fff;}

/* --------- Pages ------- */
.content-area{ width:1170px; margin:0 auto; padding:50px 0;}
.site-main{ width:760px; margin:0; padding:0; float:left;}
.site-main .education-date{ margin-right:25px;}
.site-main .education-col{ padding:30px 25px;}
#sitefull{ width:100% !important;}
.sitefull{ width:100% !important;}
.nosidebar{ float:none !important; margin:0 auto;}
.singleright{float:left !important; }
.singleleft{float:right !important;}

#nosidebar{ width:80%; margin:0 auto; float:none; /*text-align:center;*/}
#sidebar{ width:360px; margin:0; padding:0; float:right;}

.innerbanner{ margin:0 auto; }
.innerbanner img{margin:0 auto; text-align:center; width:100%; height:auto;}
/*copyright css*/
.copyright-wrapper { position:relative; padding:20px 0;}
.copyright-wrapper .inner{width:1170px; margin:auto;}
.footer-menu{ float:left; margin:0; padding:0; color:#ffffff;}
.copyright ul li, .footer-menu ul li{ display:inline-block; margin:0; padding:0 10px 0 0;}
.footer-menu ul ul{ display:none;}
.copyright { float:right; margin:auto; text-align:right;}

.dark-bkg h2.section-title{color:white;}

.home-contact-info{ color:#fff; width:59%; margin:5px auto 0 auto;}
.home-contact-info h3,.home-contact-info h4{color:#fff; margin:30px 0 0; font-weight:normal; display:block;}
.home-contact-info h3{font-size:22px;text-transform:uppercase;}
.home-contact-info h4{font-size:20px;}
.home-phone-info a{ color:#fff;}
.home-phone-info span{color:#f58a00; width:70px; display:inline-block;}
.home-contact-info h3 span{ color:#f58a00; font-weight:bold;}
.home-phone-info{ margin-top:50px;}

.gform_confirmation_message,.gform_wrapper{color:white;}

#sidebar input[type="text"], #sidebar input [type="url"], #sidebar input[type="email"], #sidebar input[type="tel"], #sidebar textarea{background-color:#fff !important; }

.error_msg{padding:10px; background:#ffd3ce; color:#e00; border:1px #e00 solid; margin:15px 0;}
.success_msg{padding:10px; background:#dcffc5; color:#070; border:1px #070 solid; margin:15px 0;}
.spacer20{height:20px; clear:both;}
.pagination{display:table; clear:both;}
.pagination ul{list-style:none; margin:20px 0;}
.pagination ul li{display:inline; float:left; margin-right:5px;}
.pagination ul li span, .pagination ul li a{background:#303441; color:#fff; padding:5px 10px; display:inline-block;}
.pagination ul li .current, .pagination ul li a:hover{background:#ff8a00;}
h1.entry-title, h1.page-title{padding-bottom:20px; margin-bottom:20px; border-bottom:solid 1px #e8e8e8;}
article.tag-sticky-2{background:#f6f6f6; padding:10px;}
article img{height:auto;}
article p{margin:10px 0;}
.post-date{display:inline;}
.post-comment{display:inline;}
.post-categories{display:inline;}
.post-tags{display:inline;}
form.search-form{margin-bottom:15px;}
input.search-field, .post-password-form input[type=password]{border:1px #eee solid; padding:12px;}
input.search-submit, .post-password-form input[type=submit]{font:400 15px 'Roboto'; text-transform:uppercase; margin:0; padding:10px 25px; border:none; color:#ffffff; border-radius:4px; -moz-border-radius:4px; -o-border-radius:4px; -webkit-border-radius:4px; cursor:pointer;}

#sidebar input[type="submit"]{ margin:20px 0 0 0;}

aside.widget{background:#f9f9f9; margin-bottom:30px; padding: 20px;}
h3.widget-title{font-size:18px; background-color:#f58a00; color:#ffffff; margin-bottom:1px; padding:10px 15px;}
aside.widget ul{ list-style:disc; margin-left:13px;}

#works h2.section-title { margin-bottom:70px;}
.gallery{ visibility:hidden;}
.photobooth .eleven strong {color:#333; font-size:24px; font-style:italic; margin-bottom:13px; display:block; }
.photobooth .eleven p {color:#555; font-size:18px; }
.photobooth .five {font-size:24px; color:#555; margin-top:0; padding-top:0; line-height:31px; }
.photobooth .filter-gallery {position:relative; width:auto; margin:0 auto 50px auto; text-align:center; }
.photobooth .filter-gallery ul {list-style:none !important; display:inline; margin:0; padding:0;}
.photobooth .filter-gallery ul li { display:inline-block;}
.photobooth .filter-gallery ul li a{ text-transform:uppercase; padding:18px 20px; color:#fff;}
.photobooth .filter-gallery ul li.current a, .photobooth .filter-gallery ul li:hover a{color:#fff; position:relative; background:#f58a00;}
.photobooth .filter-gallery ul li.current a:after, .photobooth .filter-gallery ul li:hover a:after{top:100%; left:0; right:0; margin:0 auto; border:solid transparent; content:" "; height:0; width:0; position:absolute; pointer-events:none; border-color:rgba(245, 138, 0, 0); border-top-color:#f58a00; border-width:6px;}
.photobooth .gallery ul{list-style:none !important; margin:0;}
.photobooth .gallery ul li {background:#000; float:left; cursor:pointer; position:relative; -webkit-transition:all 0.6s ease-in-out; -moz-transition:all 0.6s ease-in-out; -ms-transition:all 0.6s ease-in-out; -o-transition:all 0.6s ease-in-out; transition:all 0.6s ease-in-out; background:url("images/zoom-icon.png") 50% 0 no-repeat #000000; margin:0; width:25%}
.photobooth .gallery ul li p {color:#111; margin:0; padding:10px 0; position:absolute; width:100%; display:none; text-align:center; bottom:0; opacity:0.8; -webkit-transition:all 0.6s ease-in-out; -moz-transition:all 0.6s ease-in-out; -ms-transition:all 0.6s ease-in-out; -o-transition:all 0.6s ease-in-out; transition:all 0.6s ease-in-out; }
.photobooth .gallery ul li p span {margin-top:0px; display:block; font-weight:bold; }
.photobooth .gallery ul li strong {color:#fff; margin:0; padding:10px 0; position:absolute; display:none; text-align:center; bottom:0; opacity:0.8; width:100%;}
.photobooth .gallery ul li img {vertical-align:middle; -webkit-transition:all 0.6s ease-in-out; -moz-transition:all 0.6s ease-in-out; -ms-transition:all 0.6s ease-in-out; -o-transition:all 0.6s ease-in-out; transition:all 0.6s ease-in-out; width:100%; height:auto;}
.photobooth .gallery ul li:hover img {opacity:0.3; }
.photobooth .gallery ul li:hover strong {color:#fff; margin:0; padding:10px 0; position:absolute; display:block; text-align:center; bottom:50%; opacity:0.8; }
.photobooth .gallery ul li:hover p {color:#111; margin:0; padding:10px 0; position:absolute; display:block; text-align:center; bottom:0; opacity:0.8; }
.photobooth .gallery ul li:hover p span {margin-top:20px; display:block;}
.nav-previous{float:left; margin-top:10px; margin-bottom:10px;}
.nav-next{float:right; margin-top:10px; margin-bottom:10px;}
nav.post-navigation{padding:10px 0 20px;}
.accordion-box h2.active{color:#ff8a00;}
.webicon{font-size:20px;}
#sidebar ul{ margin:0; padding:0;}
#sidebar ul li{margin:5px 0;}
#sidebar ul li{ list-style:none;}
#sidebar ul li a{ font:300 15px/18px "Roboto",sans-serif; background:url(images/sidebar-arrow.png) no-repeat 0 14px; padding:10px 0 10px 20px; color:#3b3b3b; border-bottom:1px dashed #d0cfcf; display:block; }
#sidebar ul li a:hover{ color:#f58a00;}
#sidebar ul li:last-child a{ border:none;}

.comment-list, ol.comment-list{list-style:none; margin-left:0; margin-top:20px; margin-bottom:20px;}
.comment-list ul, ol.comment-list ul{list-style:none;}
.comment-list li.comment{margin-top:20px;}
.comment-list .comment-content h1, .comment-list .comment-content h2, .comment-list .comment-content h3, .comment-list .comment-content h4, .comment-list .comment-content h5, .comment-list .comment-content h6{margin-top:15px;}
.blog-post-repeat{/* border-bottom:1px solid #313131; */ margin-bottom:20px;}

.social-icons{ text-align:center;}
.home-contact-info .social-icons{ text-align:left;}
.social-icons a {border-radius:100%; height:36px; margin:0 5px 5px 0; vertical-align:0; width:36px; display: inline-block;padding: 10px;}
.fa::before, fa::after{ display:table-cell; vertical-align:middle;}

.mystory, .me-photo-resume, .education-members .education-col, .blogposts, .one_half .main-form-area{ visibility:hidden; position:relative;}

.backbtn a{font:400 15px 'Roboto'; text-transform:uppercase; margin-bottom:10px; display:inline-block; float:right; padding:10px 25px; border:none; color:#fff !important; border-radius:4px; -moz-border-radius:4px; -o-border-radius:4px; -webkit-border-radius:4px; cursor:pointer;}

/* =WordPress Core
-------------------------------------------------------------- */
.wp-caption{background: #fff; border: 1px solid #f0f0f0; max-width: 96%; padding: 5px 3px 10px; text-align: center;}
.wp-caption.alignnone {margin: 5px 20px 20px 0;}
.wp-caption.alignleft {margin: 5px 20px 20px 0;}
.wp-caption.alignright {margin: 5px 0 20px 20px;}
.wp-caption img {border: 0 none; height: auto;margin: 0; max-width: 98.5%; padding: 0; width: auto;}
.wp-caption p.wp-caption-text{font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px;}
.screen-reader-text{clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px;	width: 1px; overflow: hidden;}
.screen-reader-text:focus {background-color: #f1f1f1; border-radius: 3px;box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);clip: auto !important;color: #21759b;	display: block;font-size: 14px;	font-size: 0.875rem;font-weight: bold;height: auto;left: 5px;line-height: normal;padding: 15px 23px 14px;text-decoration: none;	top: 5px;width: auto;z-index: 100000; /* Above WP toolbar. */}