/*======================================
Theme Name: TM Child
Description: A child theme created by Taihg McDonagh.
Version: 1.0
Author: Taihg McDonagh
Author URI: https://taihg.com
Template: Divi
======================================*/


/* You can add your own CSS styles here. Use !important to overwrite styles if needed. */

.link-text a {
  display: inline-block;
  color: #2c313f;
  text-decoration: none;
}

.link-text a::after {
  content: '';
  display: block;
  margin-top: 0px !important;
  width: 0;
  height: 1px;
  background: #2c313f;
  transition: width .3s;
}


.link-text a:hover::after {
  width: 100%;
}

.skills {
	display: flex;
	 flex-wrap: wrap;
}

.skill {
	    background-color: #22222212;
	color: #2c313f;
    padding: 5px;
    padding-left: 10px;
    padding-right: 10px;
    margin-right: 10px;
	margin-bottom: 10px !important;
    border-radius: 2.5px;
}


.portfolio-category a {
	    background-color: #22222212;
	color: #2c313f;
    padding: 5px;
    padding-left: 10px;
    padding-right: 10px;
    margin-right: 10px;
	margin-bottom: 10px !important;
    border-radius: 2.5px;
		line-height: 2.5em;
}

span.df-item-wrap.df-cpt-taxonomies.difl_cptitem_4_tb_body {
	display: flex;
    flex-wrap: wrap;
}

span.df-item-wrap.df-cpt-taxonomies.difl_cptitem_4 {
display: flex;
    flex-wrap: wrap;	
}

span.df-item-wrap.df-cpt-taxonomies.difl_cptitem_4_tb_body a {
	    background-color: #22222212;
    padding: 5px;
    padding-left: 10px;
    padding-right: 10px;
    margin-right: 10px;
    border-radius: 2.5px;
margin-bottom: 10px !important;
}

span.df-item-wrap.df-cpt-taxonomies.difl_cptitem_4 a {
 background-color: #22222212;
 padding: 5px;
 padding-left: 10px;
 padding-right: 10px;
 margin-right: 10px;
 border-radius: 2.5px;	
margin-bottom: 10px !important;
}

.df_cptc_arrows {
    border-bottom: 1px SOLID !important;
    border-color: #2c313f !important;
}

.swiper-button-next {
border-left: 1px solid !important;
border-right: 0.5px solid !important;
	 border-color: #2c313f !important;
}



.difl_cptcarousel_0 .df_cptc_arrows div:hover {
background-color: #5ac4ff !important;
	transition: all 300ms ease 0ms;
}

.difl_cptcarousel_0_tb_body .df_cptc_arrows div:hover {
background-color: #5ac4ff !important;	
	transition: all 300ms ease 0ms;
}

.swiper-button-prev {
border-left: 0.5px solid !important;
border-right: 1px solid !important;
	 border-color: #2c313f !important;
}


.bullet-list ul {
list-style-type: none !important;
}

.bullet-list ul li:before {
content: '\4b'!important;
color: #2c313f;
font-family: 'ETMODULES'!important;
margin-right: 10px;
margin-left: -21px;
font-size: 0.9em!important;
}

.pattern-background {
background-image: linear-gradient(45deg, rgba(44, 49, 63, 0.1) 10%, #ebecf0 10%, #ebecf0 50%, rgba(44, 49, 63, 0.1) 50%, rgba(44, 49, 63, 0.1) 60%, #ebecf0 60%, #ebecf0 100%) !important;
background-size: 7.07px 7.07px !important;
}

.df-hover-trigger:focus .df-image-zoom-in img, .df-hover-trigger:hover .df-image-zoom-in img, .df-image-zoom-out img, :focus>.df-image-zoom-in img {
	-webkit-transform: scale(1.15) !important;
    transform: scale(1.15) !important;
}

.df-hover-effect *, .df-hover-effect:after, .df-hover-effect :after, .df-hover-effect:before, .df-hover-effect :before {
	    -webkit-transition: all .8s ease !important;
    -o-transition: all .8s ease!important;
    transition: all .8s ease !important;
}

.df_vertical_menu_main_container.df-vertical-has-item-animation.item-hover-1 .df-vertical-menu-nav .df-vertical-menu-item>a .df_vertical_border_hover_effect:after {
	height: 1px !important;
}