/*
Theme Name: Morether Theme
Description: A really cool theme based on Enfold and customized by Morether kids.
Version: 1.0
Author: Morether Creative Agency
Author URI: https://morether.com
Template: enfold
*/

body {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-family: myriad-pro, sans-serif;
	font-size: 1rem;
}

a, a:link {
	transition: all .24s ease-in-out !important;
}

/************************************************
Global
************************************************/

.menu-item {
    cursor: pointer;
}

/* Text Treatment */

.back {
	max-width: 800px;
	margin: 7px auto;
	text-align: right;
}

.back a {
	font-size: 14px;
}

/* Color Treatment */



/* Spacing Treatment */

.content-width {
	max-width: 1024px; 
	margin: auto !important;
}

.content-width-small {
	max-width: 900px; 
	margin: auto;
}

.space1x {
	padding: 7px;
}

.space2x {
	padding: 14px;
}
	
/* Flex */

.flex-container {
	display: flex;
}

.jc-sb {
	justify-content: space-between;
}

.jc-c {
	justify-content: center;
}

.ai-c {
	-ms-align-items: center;
	align-items: center;
}

.fd-c {
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	-o-flex-direction: column;
	flex-direction: column;
}

/************************************************
Header
************************************************/

/* Logo */

.logo a {
    display: flex;
    align-items: center;
}

.logo img {
	padding: 7px 0px;
}

/************************************************
Headings
************************************************/




/************************************************
Home
************************************************/

#home main {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

#home .post-entry {
    padding-bottom: 10%;
}

/************************************************
Home
************************************************/

#profile td {
	font-size: 16px;
}

#profile td:first-child {
    font-weight: bold;
}

/************************************************
Portfolio
************************************************/

/* Single Post */

#top.single-post .fullsize .single-small.with-slider .blog-meta {
    width: 150px;
}

.single-post .single-small.with-slider .small-preview {
    width: 150px;
    height: 78px;
}

.small-preview img, 
.big-preview img {
    border-radius: 0px;
}

.main_color .rounded-container, 
#top .main_color .pagination a:hover, 
.main_color .small-preview, 
.main_color .fallback-post-type-icon {
    background: #ffffff;
}

.main_color .small-preview:hover {
	background: #fff;
}

.meta-info {
    padding: 7px;
    background: #f8f8f8;
    max-width: 800px;
    margin: 21px auto;
}

.subtitle p {
    font-size: 13px;
}

.portfolio-details {
    display: flex;
}

.portfolio-details p {
    padding: 14px 21px;
	font-size: 14px;
}

.website, .linkedin, .facebook, .twitter {
	position: relative;
}

a.website:before {
    content: url("/wp-content/uploads/home.svg");
	position: absolute;
	left: -21px;
	top: -2px;
}

a.linkedin:before {
    content: url("/wp-content/uploads/linkedin-sm.svg");
	position: absolute;
	left: -21px;
	top: -2px;
}

a.facebook:before {
    content: url("/wp-content/uploads/facebook-sm.svg");
	position: absolute;
	left: -21px;
	top: -2px;
}

a.twitter:before {
    content: url("/wp-content/uploads/twitter-sm.svg");
	position: absolute;
	left: -21px;
	top: -2px;
}

/* Archive */

#portfolio-tab .active_tab {
    background: #002663;
    color: white !important;
    font-weight: 300;
}

#portfolio-tab .tab {
    font-size: 16px;
}

.main_color .av-masonry {
    background-color: #ffffff;
}

#top div.container .av-masonry .av-masonry-sort {
    padding: 10px 0px;
    line-height: 35px;
    font-size: 1em;
}

.inner_sort_button {
    padding: 7px 21px;
    background: #002663;
    color: white;
    border-radius: 30px;
}

#portfolio .text-sep {
    visibility: hidden;
}

#top span.av-masonry-date { 
	display: none; 
}

.av-masonry {
    overflow: visible;
}

.av-inner-masonry {
    border-radius: 30px;
    border: 1px solid #D9D9D9;
    box-shadow: 2px 3px 14px #00000014;
}

figcaption.av-inner-masonry-content {
    padding: 14px !important;
}

.av-masonry-entry-title {
    font-size: 13px !important;
    text-align: center;
	line-height: 1.1em;
	font-weight: bold !important;
}

.av-sort-by-term {
    text-align: left;
}

/************************************************
Images
************************************************/

.avia_image {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

.team-img-container {
    border-radius: 0px;
}

/************************************************
Forms
************************************************/

::-webkit-input-placeholder {
  color: #ccc !important;
}
 
:-moz-placeholder { /* Firefox 18- */
  color: #ccc !important;
}
 
::-moz-placeholder { /* Firefox 19+ */
  color: #ccc !important;
}
 
:-ms-input-placeholder { 
  color: #ccc !important;
}

/************************************************
Footer
************************************************/

#socket .container {
	font-size: 14px;
	font-weight: normal !important;
}

/************************************************
Buttons
************************************************/

.avia-button {
	margin: 28px 0px !important;
}

/************************************************
Responsive 
************************************************/

@media handheld, only screen and (max-width: 1024px) {

    
}

@media handheld, only screen and (max-width: 988px) {
    
    
}

@media handheld, only screen and (max-width: 767px) {
    
	.flex-container {
		display: block;
	}
	
	.portfolio-details {
		display: block;
		width: 100%;
	}
	
	.portfolio-details p {
		padding: 0px 21px;
	}
}