/*
    Theme Name: PraacticalAAC
    Theme URI: http://praacticalaac.org
    Description: Wordpress theme based on delightful created for PrAACticalAAC
    Version: 1.4.0
    Author: Fernanda Sampaio @fenda
    Author URI: http://soflaweb.com
    Tags: Blank, HTML5, CSS3

    License: MIT
    License URI: http://opensource.org/licenses/mit-license.php
*/

/*------------------------------------*\
    MAIN
\*------------------------------------*/

/* global box-sizing */
*,:after,:before{box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;text-rendering:optimizeLegibility}

body {font:300 15px/1.625 'Roboto Slab', serif; color:#333; background: url(img/bgDots.jpg);}
/* clear */
.clear:before,.clear:after {content:' '; display:table}
.clear:after {clear:both}
.clear {*zoom:1}
img {max-width:100%;vertical-align:bottom}
a {color:#444; text-decoration:none}
a:hover {color:#444}
a:focus {outline:0}
a:hover,a:active {outline:0}

input, select, textarea {background:#fff; border:1px solid #ddd; box-shadow:1px 1px 3px #eee inset; color:#999; font-family:'Roboto Slab', sans-serif; font-size:14px; padding:12px 10px; width:100%;}
input:focus, textarea:focus {border:1px solid #aaa; outline:none;}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance:none;}
a, button, input:focus, input[type="button"], input[type="reset"], input[type="submit"], textarea:focus, p.readMore a {-webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
button, input[type="button"], input[type="reset"], input[type="submit"] {background: #333;border: none;box-shadow: none;color: #fff;cursor: pointer;letter-spacing: 1px;padding: 10px 24px;text-transform: uppercase;width: auto;}
button:hover, input:hover[type="button"], input:hover[type="reset"], input:hover[type="submit"] {background:#ef5488;}

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button {display:none;}

/* structure */
a.view-article {border-bottom:1px solid #ddd; color:#ef5488;}

/* wrapper */
.wrapper {max-width:1140px; width:95%; margin:40px auto 20px; position:relative; background:#FFF;}

/* header */
.nav > a {display:none;}

.logo {float:left; max-width:50%; width:190px; margin:-20px 6% 30px}
.logo a {background: url(img/logo.png) no-repeat center; -webkit-background-size:contain; background-size:contain; width:190px; height:190px; float:left;}
.headerWidgets {float:right; width:60%; margin-top:0;}
.headerWidgets ul {margin:0; text-align:center; padding:0;}
.header .social-buttons {width:auto; height:auto; padding:15px 29px; line-height:1; float:left; font-size:11px; text-transform:uppercase; margin:0; letter-spacing:1px;}
.headerWidgets ul li.lime a {background:#f9a34d;}
.headerWidgets ul li.lightpink a {background:#ffca23;}
.headerWidgets ul li.rose a {background:#72c7a6;}
.headerWidgets ul li.green a {background:#bad760;}
.headerWidgets ul li.pink a {background:#ef5488;}
.headerWidgets ul li a:hover {background:#555; color:#fff;}
.headerWidgets .widget_search {position:relative; width:92%; margin:30px auto 0;}
.headerWidgets .widget_search input {width:94%; padding:12px 3%;}

/* nav */
.nav {position:relative; background-color:#D6E89D; height:50px; z-index:99999;}
.nav:before, .nav:after {position:absolute; left:-19px; content:''; width:19px; height:50px; background:url(img/ribbonsG.png) no-repeat; top:7px;}
.nav:after {left:auto; right:-19px; background-position:right 0;}
.nav ul {float:left; padding:0 0 3px; margin:0; text-align:center; width:100%;}
.nav ul li {position:relative; font-size:14px; display:inline-block;}
.nav ul li a {border:none; color:#555; display:block; padding:14px 17px; position:relative;}
.nav ul li a:hover, .nav ul li.current-menu-item > a, .nav ul li.current-menu-item > a:hover {background:#FFF; color:#555;}
.nav > ul > li a:hover {background:#FFF;}
.nav li:hover > a, .nav a:hover, .nav .current-menu-item > a {background-color:#fff;}

.nav .sub-menu {left:-9999px; margin:0; opacity:0; padding:0; position:absolute; -webkit-transition: opacity .4s ease-in-out; -moz-transition: opacity .4s ease-in-out; -ms-transition: opacity .4s ease-in-out; -o-transition: opacity .4s ease-in-out; transition: opacity .4s ease-in-out; width:200px; z-index:99;}
.nav .sub-menu li {text-transform:none;}
.nav .sub-menu a {background:#fff; border: 1px solid #eee; border-top:none; font-size:12px; letter-spacing:0; padding:16px 20px; position:relative; width:200px;}
.nav .sub-menu .sub-menu {margin:-52px 0 0 199px;}
.nav ul li:hover .sub-menu {left:auto; opacity:1;}

section {float:left; width: calc(100% - 405px); padding:40px 20px;}
section.fullWidth {width:100%; padding:0 60px;}

/* home */
.home article {float:left; border-bottom:1px solid #f5f5f5; margin-bottom:20px; padding:0 0 24px; overflow:hidden; text-align:center; width:100%;}
.home article img {float:left; margin-right:20px; background:#fff; border:1px solid #eee; padding:8px; width:310px;}
.home article h2 {line-height:1.4; margin-bottom:5px; font-size:20px; font-weight:300;}
.home article span {font-size:.7em;}
.home article span a {color:#ef5488;}
.home article p {margin:10px;}

.home .featured_post_video, .home .featured_post {float:left; width:49%;}
.home .featured_post_video {float:right;}
.home .featured_post article, .home .featured_post_video article {border-bottom:none; padding-bottom:0;}
.home .featured_post img {width:100%;}
.home .featured_post_video article img {margin-right:0; width:100%;}
.home article:first-of-type {padding-left:0; padding-right:2%;}

/*.home article:nth-of-type(-n+1) {width:50%; }
.home article:first-of-type img {width:100%;}*/
.home article:nth-of-type(-n+2) img {margin-bottom:7px;}

.home article:nth-of-type(3) {border-top:2px solid #f5f5f5; padding-top:20px;}
/*.home article:nth-of-type(2) img {float:right; margin:0; width:100%;}
.home article .latest {display:none;}
.home article:nth-of-type(2) .latest {display:block;}
.home.paged article .latest {display:none;}*/
.home.paged article img {float:left; margin-right:20px; width:55%;}

.home.paged article:nth-of-type(-n+2) {width:100%; border-bottom:2px solid #f5f5f5; padding-bottom:24px; padding:0;}
.home article:nth-of-type(3) {border-top:none; padding-top:0;}

.articleList > article:first-of-type:before {content: 'All the Latest'; display:block; clear:both; background:#bad760; color:#fff; padding:12px 32px; text-align:center; font-size:20px; font-weight:400; margin:0 0 20px;}
.paged .articleList > article:first-of-type:before {display:none;}

/*.articleList > .category-featured-posts:first-of-type {display:none;}*/
.paged .articleList > .category-featured-posts:first-of-type {display:block;}

/* post slider */
.home section h3 {background:#bad760; color:#fff; padding:12px 32px; text-align:center; font-size:20px; font-weight:400; margin:0 0 20px;}
.home section > h3 {background:#ef5488;}
.slideshowPost {position:relative; overflow:hidden; margin-bottom:60px; border:1px solid #eee; padding:10px; box-shadow:0 0 4px #CCC;}
.slideshowPost ul {padding:0; margin:0;}
.slideshowPost ul li {width:100%; overflow:hidden;}
.slideshowPost ul li img {width:100%;}
.slideshowPost .caption {position:absolute; bottom:-2px; width:100%; padding:10px 60px 10px 10px; background: rgba(255, 255, 255, .7); color:#000;}
.slideshowPost .caption a {color:#000;}
.slideshowPost .caption h1 {margin:0; font-size:20px; line-height:1.1; margin-bottom:7px;}
.slideshowPost .caption p {margin:0; font-size:13px;}
.slideshowPost .postCat {background:#a7d545; width:120px; padding:70px 15px 3px; text-align: center; position: absolute; top:-47px; right: -54px; color: #FFF; font-size:14px; line-height:1.2; font-weight:600; transform: rotate(45deg); -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -moz-transition: .4s ease-in-out; -webkit-transition: .4s ease-in-out; transition: .4s ease-in-out; box-shadow:0 0 3px rgba(0,0,0,.4);}
.slideshowPost .pager {position:absolute; bottom:17px; right:12px; width:40px; z-index:99999;}
.slideshowPost .pager span {width:12px; height:12px; float:left; cursor:pointer; background-color:#FFF; border-radius:6px; text-indent: -9999px; margin:3px; box-shadow:0 0 2px #CCC} 
.slideshowPost .pager span.cycle-pager-active {background:#a7d545;}

.sliderNav a {position:absolute; text-indent:-999999px; display:block; width:44px; height:64px; background-color: rgba(0, 0, 0, 0.3);  cursor:pointer; color:#f9ba00; left:-44px; bottom:190px; z-index:9999;}
.sliderNav a.prev {background: url(img/arrow-left.png) scroll transparent no-repeat; background-color: rgba(0, 0, 0, 0.3);}
.sliderNav a.next {background: url(img/arrow-right.png) scroll transparent no-repeat; background-color: rgba(0, 0, 0, 0.3); left:auto; right:-44px;}

.slideshowPost:hover .sliderNav a.prev {left:10px;}
.slideshowPost:hover .sliderNav a.next {right:10px;}

.home.paged .slideshowPost {display:none;}

.home .pagination {display:none;}
.home.paged .pagination {display:block;}

.home section h3 {display:block;}
.home.paged section h3 {display:none;}

p.readMore {display:inline-block; width:100%;}
p.readMore a {background-color:#ef5488; color:#fff; cursor:pointer; padding:15px 24px; width:100%; display:block; text-align:center; font-size:16px;}
p.readMore a:hover {background-color:#eee; color:#a5a5a3;}
.home.paged p.readMore {display:none;}

/* pagination */
.pagination {clear:both; font-size:14px;margin:40px 0; float:left;}
.entry .pagination a {border:none;}
.pagination {display:inline;}
.pagination a, .pagination span {border:1px solid #ECECEC; color:#666; cursor:pointer; display:inline-block; padding:8px 12px;}
.pagination span {color:#ef5488;}
.pagination span.dots {border:none; color:#666; cursor:inherit;}
.pagination a:hover {background:#ef5488; color:#FFF;}

/* sidebar */
.sidebar {float:left; width:360px; background:#FFF; padding:20px 30px; margin:40px 20px 0; color:#333; border:1px solid #eee; text-align:center;}
.sidebar > div {margin:10px 0; display:inline-block; width:100%;}
.sidebar h3 {font-size:20px; letter-spacing:1px; font-weight:300; margin-bottom:24px; color:#555;}
.sidebar ul {margin:0; padding:0; list-style:none; overflow: hidden;}

.sidebar .mks_author_widget img, .sidebar .widget_text img {float:left; margin:0 20px 10px 0;}
.sidebar img.profilePic {width:100px; height:100px;}
.mks_author_widget h3 {margin:0; text-transform:none; letter-spacing:0;}

.textwidget ul li {display:inline-block;}
a.social-buttons {background-color:#ef5488; border-right:1px solid #fff; color:#fff; display:inline-block; font-size:15px; line-height:31px; overflow:hidden; text-align:center; width:30px; height:30px; margin:0 2px;}
a.social-buttons.last {border:none;}
a.social-buttons:hover {background-color:#9AD5CA;}

#subscribe-submit button, input[type="button"], #subscribe-submit input[type="reset"], #subscribe-submit input[type="submit"] {background:#ef5488;}
.jetpack_subscription_widget #subscribe-email input {padding:6px 9px;}

/* second sidebar */
.doubleSidebar {width:calc(100% - 605px);}
.secondSidebar {float:left; width:180px; background:#FFF; padding:10px 20px; margin:40px 10px 0 0; color:#999; border:1px solid #eee; text-align:center;}

/* calendar */
.widget_calendar {margin:15px 0;}
div#calendar_wrap table caption {font-size:20px; letter-spacing:1px; font-weight:400; margin-bottom:7px; color:#555;}
div#calendar_wrap table {width:100%;}
#calendar_wrap table tbody td a {background:#ef5488; display:inline-block; width:100%; color:#FFF; font-weight:400;}


/* categories */
.widget_categories label {display:none;}

/* newsletter */
.newsletter p {margin:10px 0;}
.widget_newsletterwidget input {margin-bottom:6px;}
.widget_newsletterwidget input:focus {border:1px solid #ddd;}
.widget_newsletterwidget input[type="submit"] {background:#ef5488; color:#fff; margin:0; width:100%; box-shadow:0 0 0 #eee; text-transform:uppercase;}
.widget_newsletterwidget input:hover[type="submit"] {background:#9ad5ca; color:#fff;}

/* footer */
.footer {position:relative; width:100%; display:inline-block; color:#999; font-size:14px; padding:40px 0; text-align:center; overflow:hidden;}
.footer a {border-bottom:1px solid #ddd;}
.footerWidgets > div {display:inline-block; width:30%; border:1px solid #ebebeb; padding:20px 0; margin:0 10px 60px; vertical-align:top;}
.footerWidgets h3 {margin:0 0 20px;}
.footerWidgets p {padding:0 20px;}

.footerWidgets .widget_newsletterwidget {padding:20px;}

.footerNav ul {padding:0; margin:0 0 30px; text-align:center;}
.footerNav ul li {display:inline-block; margin:0 5px;}

/* instagram */
ul.instagram-pics {padding:0; margin:0;}
ul.instagram-pics li {display:inline-block; width:90px; height:90px; overflow:hidden; margin:0px 3px;}
ul.instagram-pics li img {vertical-align:middle;}

/* pages */
.single article, .page article {margin-bottom:80px; clear:both;}
.listing article {border-top:1px solid #eee; margin-bottom:40px; padding-top:20px;}
.listing article:after, .single article:after, .page article:after {content:''; display:table; clear:both;}
.listing h2, .page h1, .single h1 {position:relative; line-height:1.2; font-weight:400; padding:15px 20px; font-size:30px; color:#555; margin:0; text-align:center;}
.listing h2 a {color:#555;}
.page h1 {border-bottom:1px solid #eee; margin-bottom:40px; padding-bottom:25px; font-weight:300;}
.single article a, .page article a {font-weight:600; color:#ef5488;}

.listing p a {border-bottom:1px solid #ddd;}
.listing p a:hover {color:#333;}
.listing article img {float:left; margin:0 25px 10px 0;}

.listing p.meta {font-size:.8em; margin-bottom:25px; text-align:center; margin:0 0 20px;}
.listing p.meta a {color:#ef5488; border:none;}
.listing p.catList, .listing p.tagList {margin:0; float:right; width:50%; font-size:13px; padding-top:20px; text-align:right; border-top:1px solid #f5f5f5;}
.listing p.catList {float:left; text-align:left;}
.listing p.catList a, .listing p.tagList a {color:#ef5488; border:none;}

.listing hr {border:1px solid #eee; border-width:1px 0 0; margin-bottom:20px;}

/* page */
.page .fullWidth h1 {margin:50px 0 30px -70px;}

/* contact */
.wpcf7 p {font-size:15px; font-weight:500;}
.wpcf7 input[type="submit"] {border:none; box-shadow:none; background:#9AD5CA; color:#fff; cursor:pointer; letter-spacing: 1px; font-size:16px; padding:10px 20px; text-transform:uppercase; width:auto;}
.wpcf7 input, .wpcf7 textarea {margin-top:7px;}

.contact #sizecontroldiv, .contact .sociable {display:none;}

/* posts */
.single article {padding:0 40px;}
.single .ftImage {margin-bottom:25px; padding-bottom:20px; border-bottom:1px solid #CCC;}
.single .ftImage img {width:100%;}
.widgets {background:#ECECEC; line-height:1.5; margin-top:20px; padding:7px 32px 32px; text-align:center;}

.sociable {margin-top:15px;}

#sizecontroldiv {float:right; padding:0; margin:-20px 0 30px; text-align:center;}
#sizecontroldiv a {display:inline-block; background-color:#ef5488; width:33px; height:33px; float:left; color:#FFF; font-size:17px; line-height:33px; font-weight:400; margin:0 2px;}
#sizecontroldiv a:hover {background-color:#9AD5CA;}

/* related posts */
.relatedposts {margin:40px -1% 0; overflow:hidden; border:2px solid #DDD; border-width:2px 0;}
.relatedposts h3 {font-size:24px; font-weight:400; margin-left:1%; margin-bottom:12px;}
.relatedposts > div {float:left; width:48%; margin:0 1% 20px;}
.relatedposts > div:nth-of-type(3) {clear:left;}
.relatedposts > div p {display:block; font-size:17px; margin-top:6px;}

/* comments */
.comments {margin-top:90px;}
.comments ul {margin:0; padding:0;}
.comments ul li {padding:20px;}
.comments > ul > li {border-bottom:1px solid #ccc;}
.comments ul li img {float:left; margin-right:15px;}
.comments ul li .comment-meta {font-size:12px;}
.entry-comments, #respond {background:#fff; padding:40px;}
.entry-comments, .ping-list, #respond {margin-bottom: 40px;}
.entry-comments a, #respond a {border-bottom:1px solid #ddd;}
.entry-comments .comment-author {margin:0;}
#respond input[type="email"], #respond input[type="text"], #respond input[type="url"] {width:50%}
#respond label {display:block; margin-right:12px;}
.comment-list li, .ping-list li {list-style-type:none; margin-top:24px; padding:32px;}
.comment-list li li {margin-right:-32px;}
li.comment {background:#f5f5f5; list-style:none;}
.comment .avatar {margin: 0 16px 24px 0;}
.form-allowed-tags {background: #f5f5f5; font-size:14px; padding:24px;}

.reply {background:#ef5488; color:#fff; margin:0; padding:5px 20px; text-transform: uppercase; display:inline-block;}
.reply a {color:#FFF;}

.comment-author cite {font-weight:bold;}

/* font resize */
.rvfs-1 p, .rvfs-1 li{ font-size: 70% }
.rvfs-2 p, .rvfs-2 li{ font-size: 80% }
.rvfs-3 p, .rvfs-3 li{ font-size: 90% }
.rvfs-4 p, .rvfs-4 li{ font-size: 100% }
.rvfs-5 p, .rvfs-5 li{ font-size: 110% }
.rvfs-6 p, .rvfs-6 li{ font-size: 120% }
.rvfs-7 p, .rvfs-7 li{ font-size: 130% }

/* form */
.contact .gform_wrapper .top_label .gfield_label {color:#999; margin-bottom:0;}
.contact .gform_wrapper .ginput_complex input[type=text], .contact .gform_wrapper textarea, .contact .gform_wrapper input[type=text] {box-shadow: 0 0 5px #f8f8f8 inset; padding:6px 4px;}
.contact .gform_wrapper .gform_footer input.button, .contact .gform_wrapper .gform_footer input[type=submit] {background-color: #ef5488; padding:15px 24px; text-transform:none;}
.contact .gform_wrapper .gform_footer input.button:hover {background-color:#eee; color:#a5a5a3;}
.contact .gform_wrapper .ginput_complex label {font-size:.75em;}

@media only screen and (max-width:1024px) {
    .wrapper {width:100%; margin:0;}
    .nav {padding:0 1%; height:40px;}
    .nav ul {font-size:.8em; padding:0 }
    .nav ul li a {padding:10px 7px;}
    .nav form input {height:35px; font-size:.8em;}
    .nav:before, .nav:after {display:none;}

    section {width:calc(100% - 300px);}
    .sidebar {width:280px; margin-right:0; margin-left:0;}

    .category h2, .page h1 {margin-left:0;}
    .category h2:before, .page h1:before {display:none;}
    .category article, .page article {padding:0 20px;}
    
    .logo, .headerWidgets {margin-top:15px;}
}

@media only screen and (max-width:920px) {
    .nav ul {width:100%; text-align:center;}
    .nav ul li {margin-top:0;}
    .nav form {display:none;}
}


@media only screen and (max-width:768px) {
    section, .sidebar {width:100%;}

    .footerWidgets > div {float:none; display:inline-block; width:100%; max-width:500px; padding:20px;}

}

@media only screen and (min-width:680px) {
    .nav ul {display:block !important;}
}

@media only screen and (max-width:680px) {
    .headerWidgets {width:100%;}
    .headerWidgets .widget_search {display:none;}
    .logo {float:none; display:inline-block; text-align:center; width:100%; max-width:100%; margin:20px auto;}
    .logo a {float:none; display:inline-block; width:130px; height:150px;}
    
    .nav {height:auto; overflow:hidden; margin:0 5%;}
    .nav > a {display:block; margin:15px 20px; background:none !important;}
    
    .nav ul {padding-bottom:30px; display:none; margin-top:20px;}
    .nav ul li {width:70%;}
    
    .headerWidgets ul {padding:0 3%;}
    .header .social-buttons {padding:10px 15px;}
    
    .home section h3 {font-size:14px; padding:10px 0;}
    .home article:nth-of-type(-n+2) {width:100%;}
    .home article img {width:100%;}
    .home article h2 {display:inline-block; margin-top:10px;}
    
    .slideshowPost .caption h1 {font-size:14px;}
    .slideshowPost .caption p {display:none;}
    .slideshowPost .pager {display:none;}
    
    .footer .copyright, .footerNav {padding:0 3%;}
    .footerNav ul {margin-top:20px;}
    .footer .copyright {font-size:11px;}
    .footerWidgets > div {margin:0;}
}

@media only screen and (max-width:600px) {
    .category article img {width:100%; margin:0 0 30px;}
}

/* misc */

::selection{background:#04A4CC;color:#FFF;text-shadow:none}
::-webkit-selection{background:#04A4CC;color:#FFF;text-shadow:none}
::-moz-selection{background:#04A4CC;color:#FFF;text-shadow:none}

/* core */

.alignnone{margin:5px 20px 20px 0}
.aligncenter,div.aligncenter{display:block;margin:5px auto}
.alignright{float:right;margin:5px 0 20px 20px}
.alignleft{float:left;margin:5px 20px 20px 0}
.aligncenter{display:block;margin:5px auto}
a img.alignright{float:right;margin:5px 0 20px 20px}
a img.alignnone{margin:5px 20px 20px 0}
a img.alignleft{float:left;margin:5px 20px 20px 0}
a img.aligncenter{display:block;margin-left:auto;margin-right:auto}
.wp-caption{background:#FFF;border:1px solid #F0F0F0;max-width:96%;padding:8px 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 .wp-caption-text,.gallery-caption{font-size:12px;line-height:17px;margin:0;padding:4px 4px 5px}

/* print */

@media print {
    *{background:transparent!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}
    a,a:visited{text-decoration:underline}
    a[href]:after{content:" (" attr(href) ")"}
    abbr[title]:after{content:" (" attr(title) ")"}
    .ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after{content:""}
    pre,blockquote{border:1px solid #999;page-break-inside:avoid}
    thead{display:table-header-group}
    tr,img{page-break-inside:avoid}
    img{max-width:100%!important}
    @page{margin:.5cm}
    p,h2,h3{orphans:3;widows:3}
    h2,h3{page-break-after:avoid}
}

article#post-11253 {
	margin-bottom: 40px !important;
}
article.category-user-submitted {
	margin-bottom: 40px !important;
}
article.category-user-submitted h2 {
	margin: .23em 0 !important;
}

/* Link Library */

#lladdlinktitle, .linklistcatname {
	font-size: 20px !important;
}